html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

header {
    padding: 10px 80px 7px 15px;
    position: relative;
    background: #333;
    color: white;
    font-family: Georgia, Times, serif;
    font-size: 15px;
    font-style: italic;
}

header h1, header p {
    display: inline-block
}

header h1 {
    margin-bottom: 5px
}

header p {
    line-height: 1.4;
    color: #bed4dc;
}

header p a {
    color: #67b1cd;
    text-decoration: none;
    border-bottom: 1px dotted
}

header .share-link {
    padding: 15px 10px 7px;
    position: absolute;
    right: 15px;
    top: -8px;
    background: #55acee;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    font-style: normal;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
}

header .share-link:hover {
    background: #469cd1
}

@media (max-width: 500px) {
    header {
        padding: 15px 80px 15px 15px
    }
}

.entry {
    text-align: center;
    min-height: 400px;
    position: relative;
}

.entry.short {
    min-height: 320px
}

.entry.tall {
    min-height: 450px
}

.entry div {
    position: absolute;
    left: 50%;
    top: 50%;
}

.entry div:before, .entry div:after {
    display: block;
    content: '';
    position: absolute
}

.cf:before, .cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

@media (max-width: 400px) {
    .entry div:not(.no-scale) {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@media all and (min-width: 650px) and (max-width: 959px) {
    .entry {
        float: left;
        width: 100%;
    }

    .entry.fours, .entry.six {
        width: 50%
    }
}

@media all and (min-width: 960px) {
    .entry {
        float: left;
        width: 50%;
    }

    .entry.wide {
        width: 100%
    }

    .entry.threes {
        width: 33.333%
    }

    .entry.fours {
        width: 25%
    }

    .entry.six {
        width: 33.333%
    }
}

#camera {
    background: #ffa500;
}

#camera div {
    width: 300px;
    height: 130px;
    margin-left: -150px;
    margin-top: -65px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(#111), color-stop(15%, #444), color-stop(85%, #444), to(#111));
    background: linear-gradient(to right, #111 0%, #444 15%, #444 85%, #111 100%);
    border-top: 15px solid #ccc;
    border-bottom: 12px solid #ccc;
    -o-border-image: linear-gradient(to right, #444, #ccc, #ccc, #ccc, #ccc, #444) 1% stretch;
    border-image: -webkit-gradient(linear, left top, right top, from(#444), color-stop(#ccc), color-stop(#ccc), color-stop(#ccc), color-stop(#ccc), to(#444)) 1% stretch;
    border-image: linear-gradient(to right, #444, #ccc, #ccc, #ccc, #ccc, #444) 1% stretch;
    -webkit-box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.6), 0 10px 7px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.6), 0 10px 7px -2px rgba(0, 0, 0, 0.4);
}

#camera div:before {
    width: 33px;
    height: 18px;
    margin-left: 30px;
    top: -30px;
    left: 50%;
    z-index: 2;
    background: #333;
    -webkit-box-shadow: 0 0 0 2px #eee, -1px -1px 1px 3px #333, -95px 6px 0 0 #ccc, 30px 3px 0 12px #ccc, -18px 37px 0 46px #ccc, -96px -6px 0 -6px #555, -96px -9px 0 -6px #ddd, -155px -10px 1px 3px #888, -165px -10px 1px 3px #999, -170px -10px 1px 3px #666, -162px -8px 0 5px #555, 85px -4px 1px -3px #ccc, 79px -4px 1px -3px #888, 82px 1px 0 -4px #555;
    box-shadow: 0 0 0 2px #eee, -1px -1px 1px 3px #333, -95px 6px 0 0 #ccc, 30px 3px 0 12px #ccc, -18px 37px 0 46px #ccc, -96px -6px 0 -6px #555, -96px -9px 0 -6px #ddd, -155px -10px 1px 3px #888, -165px -10px 1px 3px #999, -170px -10px 1px 3px #666, -162px -8px 0 5px #555, 85px -4px 1px -3px #ccc, 79px -4px 1px -3px #888, 82px 1px 0 -4px #555
}

#camera div:after {
    width: 100px;
    height: 100px;
    margin-left: -20px;
    top: 15px;
    left: 50%;
    z-index: 3;
    background: linear-gradient(45deg, #ccc 40%, #ddd 100%);
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 2px #999, 1px -2px 0 white, -1px -3px 2px #555, 0 0 0 15px #c2c2c2, 0 -2px 0 15px white, -2px -5px 1px 17px #666, 0 10px 10px 15px rgba(0, 0, 0, 0.3), -90px -51px 1px -43px #aaa, -90px -50px 1px -40px #888, -90px -51px 0 -34px #ccc, -90px -50px 0 -30px #aaa, -90px -48px 1px -28px rgba(0, 0, 0, 0.2), -124px -73px 1px -48px #eee, -125px -72px 0 -46px #666, -85px -73px 1px -48px #eee, -86px -72px 0 -46px #666, 42px -82px 1px -48px #eee, 41px -81px 0 -46px #777, 67px -73px 1px -48px #eee, 66px -72px 0 -46px #666, -46px -86px 1px -45px #444, -44px -87px 0 -38px #333, -44px -86px 0 -37px #ccc, -44px -85px 0 -34px #999, 14px -89px 1px -48px #eee, 12px -84px 1px -48px #999, 23px -85px 0 -47px #444, 23px -87px 0 -46px #888;
    box-shadow: 0 3px 2px #999, 1px -2px 0 white, -1px -3px 2px #555, 0 0 0 15px #c2c2c2, 0 -2px 0 15px white, -2px -5px 1px 17px #666, 0 10px 10px 15px rgba(0, 0, 0, 0.3), -90px -51px 1px -43px #aaa, -90px -50px 1px -40px #888, -90px -51px 0 -34px #ccc, -90px -50px 0 -30px #aaa, -90px -48px 1px -28px rgba(0, 0, 0, 0.2), -124px -73px 1px -48px #eee, -125px -72px 0 -46px #666, -85px -73px 1px -48px #eee, -86px -72px 0 -46px #666, 42px -82px 1px -48px #eee, 41px -81px 0 -46px #777, 67px -73px 1px -48px #eee, 66px -72px 0 -46px #666, -46px -86px 1px -45px #444, -44px -87px 0 -38px #333, -44px -86px 0 -37px #ccc, -44px -85px 0 -34px #999, 14px -89px 1px -48px #eee, 12px -84px 1px -48px #999, 23px -85px 0 -47px #444, 23px -87px 0 -46px #888
}

#bloody-mary {
    background: #b0e0e6;
}

#bloody-mary div {
    width: 180px;
    height: 100px;
    margin-left: -90px;
    margin-top: 10px;
    z-index: 2;
    background: -webkit-gradient(linear, left top, right top, from(#eee), color-stop(3%, #db493e), color-stop(5%, #b8423a), color-stop(7%, #53646e), color-stop(9%, #b8423a), color-stop(11%, #53646e), color-stop(14%, #53646e), color-stop(33%, #bfc9ca), color-stop(41%, #eee), color-stop(75%, #eee), color-stop(85%, #95a4a3), color-stop(90%, #556168), color-stop(98%, #7c8285), to(white));
    background: linear-gradient(to right, #eee 0%, #db493e 3%, #b8423a 5%, #53646e 7%, #b8423a 9%, #53646e 11%, #53646e 14%, #bfc9ca 33%, #eee 41%, #eee 75%, #95a4a3 85%, #556168 90%, #7c8285 98%, white 100%);
    border-bottom-left-radius: 80px 10px;
    border-bottom-right-radius: 80px 10px;
    border-bottom: 2px solid #ddd;
    -webkit-box-shadow: 0 3px 4px -3px rgba(0, 0, 0, 0.4), 0 8px 7px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px -3px rgba(0, 0, 0, 0.4), 0 8px 7px -3px rgba(0, 0, 0, 0.2);
}

#bloody-mary div:before {
    width: 40px;
    height: 95px;
    margin-left: 40px;
    top: -140px;
    left: 50%;
    z-index: 1;
    background: #d7e17f;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #cdeca8), color-stop(18%, #a2d269), color-stop(25%, #a2d269), color-stop(45%, #bde192), color-stop(55%, #bde192), color-stop(75%, #95c260), color-stop(82%, #95c260), color-stop(90%, #bde192));
    background: linear-gradient(to right, #cdeca8 10%, #a2d269 18%, #a2d269 25%, #bde192 45%, #bde192 55%, #95c260 75%, #95c260 82%, #bde192 90%);
    border-top-left-radius: 20px 3px;
    border-top-right-radius: 20px 3px;
    border-top: 5px solid #95c260;
    -webkit-box-shadow: -65px 111px 0 14px #eee;
    box-shadow: -65px 111px 0 14px #eee;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

#bloody-mary div:after {
    width: 177px;
    height: 170px;
    margin-left: -90px;
    top: -105px;
    left: 50%;
    z-index: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), color-stop(15%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0.3)), color-stop(65%, rgba(255, 255, 255, 0.3)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, #e04435), to(#ab2e22));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.3) 65%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(to bottom, transparent 30%, #e04435 30%, #ab2e22 100%);
    border: 1px solid #ddd;
    border-right-width: 2px;
    border-bottom-width: 5px;
    border-top-width: 2px;
    border-top-color: #eee;
    border-bottom-left-radius: 150px 15px;
    border-bottom-right-radius: 150px 15px;
    border-top-left-radius: 120px 15px;
    border-top-right-radius: 120px 15px
}

#cpt-america {
    background: #899d4e;
}

#cpt-america div {
    width: 250px;
    height: 250px;
    margin-left: -125px;
    margin-top: -140px;
    z-index: 1;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 65%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 65%), linear-gradient(to right, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 65%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 65%), radial-gradient(ellipse at center, #0033b0 20%, #ce0021 20%, #ce0021 35%, #bbb 35%, #bbb 55%, #ce0021 55%);
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 0 #a20917;
    box-shadow: 0 3px 0 #a20917;
}

#cpt-america div:before {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    top: 50%;
    left: 50%;
    z-index: 2;
    background: rgba(0, 80, 170, 0.5);
    border-radius: 50%;
    content: '★';
    font-size: 70px;
    color: #ddd;
    line-height: 65px;
    text-shadow: -1px 1px 0 #3e92ff, 1px -1px 0 #1e436d
}

#cpt-america div:after {
    width: 200px;
    height: 30px;
    margin-left: -100px;
    top: 215px;
    left: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 50px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 50px 20px rgba(0, 0, 0, 0.15)
}

#breakfast {
    background: #008b8b;
}

#breakfast div {
    width: 210px;
    height: 210px;
    margin-left: -105px;
    margin-top: -110px;
    border-radius: 50%;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 0 20px white, 0 6px 0 20px #eee, 0 12px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 0 20px white, 0 6px 0 20px #eee, 0 12px 4px 20px rgba(0, 0, 0, 0.2);
}

#breakfast div:before {
    width: 140px;
    height: 140px;
    left: 70px;
    top: 0;
    border-radius: 50%;
    background: #d6ab75;
    -webkit-box-shadow: 0 6px 0 #f1cb9a, 0 8px 2px rgba(0, 0, 0, 0.2), -132px 40px 0 -61px #f6c83e, -128px 40px 0 -54px #edb815, -128px 42px 2px -54px rgba(0, 0, 0, 0.2), -115px 30px 0 -30px white, -62px 90px 0 -61px #f6c83e, -65px 90px 0 -54px #edb815, -65px 92px 2px -54px rgba(0, 0, 0, 0.2), -80px 90px 0 -32px white, -115px 33px 2px -30px rgba(0, 0, 0, 0.1), -80px 93px 2px -32px rgba(0, 0, 0, 0.1), -8px 110px 0 -45px #8c7842, -8px 113px 2px -45px rgba(0, 0, 0, 0.2), 25px 103px 0 -45px #806c35, 25px 106px 2px -45px rgba(0, 0, 0, 0.2), -93px -40px 0 -45px #e4a5b6, -93px -39px 0 -42px #c97d91, -93px -37px 2px -42px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 0 #f1cb9a, 0 8px 2px rgba(0, 0, 0, 0.2), -132px 40px 0 -61px #f6c83e, -128px 40px 0 -54px #edb815, -128px 42px 2px -54px rgba(0, 0, 0, 0.2), -115px 30px 0 -30px white, -62px 90px 0 -61px #f6c83e, -65px 90px 0 -54px #edb815, -65px 92px 2px -54px rgba(0, 0, 0, 0.2), -80px 90px 0 -32px white, -115px 33px 2px -30px rgba(0, 0, 0, 0.1), -80px 93px 2px -32px rgba(0, 0, 0, 0.1), -8px 110px 0 -45px #8c7842, -8px 113px 2px -45px rgba(0, 0, 0, 0.2), 25px 103px 0 -45px #806c35, 25px 106px 2px -45px rgba(0, 0, 0, 0.2), -93px -40px 0 -45px #e4a5b6, -93px -39px 0 -42px #c97d91, -93px -37px 2px -42px rgba(0, 0, 0, 0.2)
}

#breakfast div:after {
    width: 30px;
    height: 30px;
    left: 120px;
    top: 50px;
    border-radius: 2px;
    background: #fbf6bc;
    -webkit-box-shadow: 1px 1px 0 2px #dfd888, 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 2px #dfd888, 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

#battery {
    background: black;
}

#battery div {
    width: 250px;
    height: 120px;
    margin-left: -130px;
    margin-top: -60px;
    border-radius: 10px/30px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(5%, #316d08), color-stop(7%, #316d08), color-stop(8%, #60b939), color-stop(10%, #60b939), color-stop(11%, #51aa31), color-stop(60%, #51aa31), color-stop(61%, #64ce11), color-stop(63%, #64ce11), color-stop(63%, #255405), color-stop(68%, black), color-stop(95%, black), color-stop(95%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(4%, rgba(255, 255, 255, 0.4)), color-stop(7%, rgba(255, 255, 255, 0.2)), color-stop(14%, rgba(255, 255, 255, 0.2)), color-stop(14%, rgba(255, 255, 255, 0.8)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(41%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.2)), color-stop(86%, rgba(255, 255, 255, 0.4)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(92%, rgba(255, 255, 255, 0.1)), color-stop(95%, rgba(255, 255, 255, 0.1)), color-stop(98%, rgba(255, 255, 255, 0.5)));
    background-image: linear-gradient(to right, transparent 5%, #316d08 5%, #316d08 7%, #60b939 8%, #60b939 10%, #51aa31 11%, #51aa31 60%, #64ce11 61%, #64ce11 63%, #255405 63%, black 68%, black 95%, transparent 95%), linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.4) 4%, rgba(255, 255, 255, 0.2) 7%, rgba(255, 255, 255, 0.2) 14%, rgba(255, 255, 255, 0.8) 14%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.4) 86%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0.1) 92%, rgba(255, 255, 255, 0.1) 95%, rgba(255, 255, 255, 0.5) 98%);
}

#battery div:before {
    width: 12px;
    height: 55px;
    right: -14px;
    top: 32px;
    border-top-right-radius: 6px 10px;
    border-bottom-right-radius: 6px 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(14%, rgba(255, 255, 255, 0)), color-stop(14%, rgba(255, 255, 255, 0.8)), color-stop(40%, rgba(255, 255, 255, 0.3)), color-stop(41%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.2)), color-stop(86%, rgba(255, 255, 255, 0.4)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(92%, rgba(255, 255, 255, 0.1)), color-stop(95%, rgba(255, 255, 255, 0.1)), color-stop(98%, rgba(255, 255, 255, 0.5)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0.8) 14%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.4) 86%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0.1) 92%, rgba(255, 255, 255, 0.1) 95%, rgba(255, 255, 255, 0.5) 98%)
}

#battery div:after {
    width: 220px;
    height: 120px;
    left: 10px;
    border-radius: 5px/30px;
    border-left: 4px solid black;
    border-right: 4px solid black;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, rgba(255, 255, 255, 0.3)), color-stop(5%, rgba(255, 255, 255, 0.2)), color-stop(5%, transparent), color-stop(14%, transparent), color-stop(14%, rgba(255, 255, 255, 0.3)), color-stop(40%, rgba(255, 255, 255, 0.12)), color-stop(42%, rgba(0, 0, 0, 0.05)), color-stop(48%, rgba(0, 0, 0, 0.05)), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(87%, rgba(255, 255, 255, 0.3)), color-stop(92%, rgba(255, 255, 255, 0.3)), color-stop(92%, transparent), color-stop(97%, transparent), color-stop(97%, rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), color-stop(2%, rgba(255, 255, 255, 0.2)), color-stop(2%, black), color-stop(6%, black), color-stop(6%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.3)), color-stop(90%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 4%, rgba(255, 255, 255, 0.2) 5%, transparent 5%, transparent 14%, rgba(255, 255, 255, 0.3) 14%, rgba(255, 255, 255, 0.12) 40%, rgba(0, 0, 0, 0.05) 42%, rgba(0, 0, 0, 0.05) 48%, transparent 60%, transparent 80%, rgba(255, 255, 255, 0.3) 87%, rgba(255, 255, 255, 0.3) 92%, transparent 92%, transparent 97%, rgba(255, 255, 255, 0.4) 97%), linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 2%, black 2%, black 6%, transparent 6%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0) 90%)
}

#marshmallow {
    background: #66cdaa;
}

#marshmallow div {
    width: 100px;
    height: 120px;
    margin-left: -50px;
    margin-top: -70px;
    background: white;
    background-image: radial-gradient(circle at 50% -70px, transparent 50%, #f5f5f5 50%);
    border-top-left-radius: 100px 40px;
    border-top-right-radius: 100px 40px;
    border-bottom-left-radius: 100px 40px;
    border-bottom-right-radius: 100px 40px;
    border: 4px solid #808080;
}

#marshmallow div:before {
    width: 8px;
    height: 80px;
    margin-left: -4px;
    left: 50%;
    top: 125px;
    background: #d3d3d3;
    -webkit-box-shadow: 0 0 0 3px #808080, 0 -193px 0 #d3d3d3, 0 -193px 0 3px #808080;
    box-shadow: 0 0 0 3px #808080, 0 -193px 0 #d3d3d3, 0 -193px 0 3px #808080
}

#marshmallow div:after {
    width: 10px;
    height: 10px;
    left: 20px;
    top: 50px;
    background: #808080;
    border-radius: 50%;
    -webkit-box-shadow: 50px 0 0 #808080, 25px 3px 0 16px #f5f5f5, 25px 13px 0 11px #808080;
    box-shadow: 50px 0 0 #808080, 25px 3px 0 16px #f5f5f5, 25px 13px 0 11px #808080
}

#sushi {
    background: #87ceeb;
}

#sushi div {
    width: 250px;
    height: 100px;
    margin-left: -125px;
    margin-top: -37px;
    background: white;
    border-top-left-radius: 80px 50px;
    border-top-right-radius: 80px 50px;
    border-bottom-left-radius: 40px 50px;
    border-bottom-right-radius: 40px 50px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 32%, transparent 32%), linear-gradient(85deg, transparent 39%, rgba(0, 0, 0, 0.05) 39%, rgba(0, 0, 0, 0.05) 45%, transparent 45%);
    -webkit-box-shadow: 0 25px 0 -20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 25px 0 -20px rgba(0, 0, 0, 0.1);
}

#sushi div:before {
    width: 260px;
    height: 25px;
    margin-left: -130px;
    left: 50%;
    border-top-left-radius: 90px 30px;
    border-top-right-radius: 80px 20px;
    background: #f19861;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, left top, right top, color-stop(41%, transparent), color-stop(41%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent)), repeating-linear-gradient(45deg, #f19861, #f19861 20px, #ffcdaf 20px, #ffcdaf 25px);
    background-image: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.05) 70%), linear-gradient(to right, transparent 41%, rgba(0, 0, 0, 0.1) 41%, rgba(0, 0, 0, 0.1) 50%, transparent 50%), repeating-linear-gradient(45deg, #f19861, #f19861 20px, #ffcdaf 20px, #ffcdaf 25px)
}

#sushi div:after {
    width: 40px;
    height: 103px;
    margin-left: -20px;
    left: 50%;
    top: -2px;
    background: #465b45;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(60%, rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 60%)
}

#brazil {
    background: #f0e68c;
}

#brazil div {
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background: #fee63c;
    background-image: linear-gradient(30deg, #019f6f 30%, transparent 30%), linear-gradient(-30deg, #019f6f 30%, transparent 30%), linear-gradient(210deg, #019f6f 30%, transparent 30%), linear-gradient(-210deg, #019f6f 30%, transparent 30%);
    border-radius: 5px;
    -webkit-box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.1);
}

#brazil div:before {
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    left: 50%;
    top: 50%;
    background: #2765ae;
    background-image: radial-gradient(circle at 0 175px, transparent 71%, white 72%, white 78%, transparent 79%);
    border-radius: 50%
}

#brazil div:after {
    width: 4px;
    height: 4px;
    top: 80px;
    left: 160px;
    background: white;
    border-radius: 50%;
    -webkit-box-shadow: -45px 15px 0 0 white, -40px 30px 0 0 white, -27px 43px 0 0 white, -10px 36px 0 0 white, 13px 38px 0 0 white, -47px 32px 0 -1px white, -35px 25px 0 -1px white, -25px 20px 0 -1px white, -33px 34px 0 -1px white, -35px 40px 0 -1px white, -5px 22px 0 -1px white, -15px 26px 0 -1px white, -17px 32px 0 -1px white, -10px 29px 0 -1px white, -12px 53px 0 -1px white, 0 42px 0 -1px white, 5px 48px 0 -1px white, 6px 43px 0 -1px white, 8px 40px 0 -1px white, 12px 45px 0 -1px white, 17px 35px 0 -1px white, 23px 37px 0 -1px white;
    box-shadow: -45px 15px 0 0 white, -40px 30px 0 0 white, -27px 43px 0 0 white, -10px 36px 0 0 white, 13px 38px 0 0 white, -47px 32px 0 -1px white, -35px 25px 0 -1px white, -25px 20px 0 -1px white, -33px 34px 0 -1px white, -35px 40px 0 -1px white, -5px 22px 0 -1px white, -15px 26px 0 -1px white, -17px 32px 0 -1px white, -10px 29px 0 -1px white, -12px 53px 0 -1px white, 0 42px 0 -1px white, 5px 48px 0 -1px white, 6px 43px 0 -1px white, 8px 40px 0 -1px white, 12px 45px 0 -1px white, 17px 35px 0 -1px white, 23px 37px 0 -1px white
}

#soccer {
    background: #afeeee;
}

#soccer div {
    width: 300px;
    height: 70px;
    margin-left: -150px;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
}

#soccer div:before {
    width: 150px;
    height: 100px;
    margin-left: -80px;
    left: 50%;
    top: -95px;
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, white 10px, white 11px), repeating-linear-gradient(-45deg, transparent, transparent 10px, white 10px, white 11px);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 6px solid white;
    border-bottom: none
}

#soccer div:after {
    width: 20px;
    height: 20px;
    left: 170px;
    top: 20px;
    border: 3px solid white;
    border-radius: 50%
}

#key {
    background: #f7f7f7;
}

#key div {
    width: 80px;
    height: 100px;
    margin-left: -180px;
    margin-top: -70px;
    border: 15px solid #fdf1cd;
    border-radius: 50%;
    -webkit-box-shadow: -3px -3px 0 3px #fefffa, -4px -4px 1px 3px #c68628, -6px -5px 0 4px #feedac, 3px 2px 0 3px #fdf1cd, 7px 5px 3px 3px #2e1f07, 10px 7px 0 3px #c68628, inset 4px 3px 3px #2e1f07, inset 7px 5px 0 #c68628, inset 9px 7px 2px rgba(0, 0, 0, 0.4), inset 12px 10px 3px rgba(0, 0, 0, 0.2), inset -2px -2px 0 #fefffa, 12px 8px 3px 3px rgba(0, 0, 0, 0.4), 15px 12px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: -3px -3px 0 3px #fefffa, -4px -4px 1px 3px #c68628, -6px -5px 0 4px #feedac, 3px 2px 0 3px #fdf1cd, 7px 5px 3px 3px #2e1f07, 10px 7px 0 3px #c68628, inset 4px 3px 3px #2e1f07, inset 7px 5px 0 #c68628, inset 9px 7px 2px rgba(0, 0, 0, 0.4), inset 12px 10px 3px rgba(0, 0, 0, 0.2), inset -2px -2px 0 #fefffa, 12px 8px 3px 3px rgba(0, 0, 0, 0.4), 15px 12px 3px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
    #key div {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        margin-left: -140px
    }
}

#key div:before {
    width: 250px;
    height: 30px;
    left: 85px;
    top: 35px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f8d675), color-stop(7%, #f8d675), color-stop(11%, #2e1f07), color-stop(16%, #2e1f07), color-stop(23%, #fefffa), color-stop(50%, #fefffa), color-stop(57%, #2e1f07), color-stop(70%, #2e1f07), color-stop(84%, #feedac), color-stop(97%, #feedac), color-stop(99%, #c68628));
    background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 50%, #2e1f07 57%, #2e1f07 70%, #feedac 84%, #feedac 97%, #c68628 99%);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-left: 1px solid #fefffa;
    border-right: 1px solid #f8d675;
    -webkit-box-shadow: -1px 0 0 #c68628, 1px 0 0 #2e1f07, 2px 0 0 #c68628, 5px 4px 2px -1px rgba(0, 0, 0, 0.4), 11px 9px 4px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 0 #c68628, 1px 0 0 #2e1f07, 2px 0 0 #c68628, 5px 4px 2px -1px rgba(0, 0, 0, 0.4), 11px 9px 4px rgba(0, 0, 0, 0.2)
}

#key div:after {
    width: 40px;
    height: 40px;
    top: 30px;
    left: 112px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f8d675), color-stop(7%, #f8d675), color-stop(11%, #2e1f07), color-stop(16%, #2e1f07), color-stop(23%, #fefffa), color-stop(45%, #fefffa), color-stop(52%, #2e1f07), color-stop(65%, #2e1f07), color-stop(80%, #feedac), color-stop(97%, #feedac), color-stop(99%, #c68628));
    background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 45%, #2e1f07 52%, #2e1f07 65%, #feedac 80%, #feedac 97%, #c68628 99%);
    -webkit-box-shadow: -1px 0 1px #fefffa, 1px 0 0 #f8d675, 2px 0 0 #c68628, 3px 3px 2px rgba(0, 0, 0, 0.2), 170px 37px 0 4px #f8e6b3, 169px 37px 0 4px #fefffa, 170px 34px 0 4px #2e1f07, 171px 39px 2px 4px #2e1f07, 172px 40px 0 5px #d69941, 174px 43px 3px 4px rgba(0, 0, 0, 0.4), 178px 45px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 1px #fefffa, 1px 0 0 #f8d675, 2px 0 0 #c68628, 3px 3px 2px rgba(0, 0, 0, 0.2), 170px 37px 0 4px #f8e6b3, 169px 37px 0 4px #fefffa, 170px 34px 0 4px #2e1f07, 171px 39px 2px 4px #2e1f07, 172px 40px 0 5px #d69941, 174px 43px 3px 4px rgba(0, 0, 0, 0.4), 178px 45px 4px 4px rgba(0, 0, 0, 0.2)
}

#mickey-hat {
    background: #ffb6c1;
}

#mickey-hat div {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -70px;
    border-radius: 0 70% 0 100%;
    border-bottom: 7px solid #333;
    border-left: 7px solid #333;
    background: #222;
    background-image: radial-gradient(circle at 170px 220px, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.15) 90%), radial-gradient(circle at 50px 80px, transparent 60%, #000 90%);
    -webkit-box-shadow: -7px 7px 6px -2px rgba(0, 0, 0, 0.3);
    box-shadow: -7px 7px 6px -2px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(315deg);
    transform: rotate(-45deg);
}

@media (max-width: 500px) {
    #mickey-hat div {
        -webkit-transform: scale(.7) rotate(-45deg);
        transform: scale(.7) rotate(-45deg)
    }
}

#mickey-hat div:before {
    width: 110px;
    height: 110px;
    top: -102px;
    left: 29px;
    background: #333;
    background-image: radial-gradient(circle at 80px 0, transparent 60%, rgba(255, 255, 255, 0.2) 90%);
    border-radius: 50%;
    -webkit-box-shadow: -4px 4px 0 4px #222;
    box-shadow: -4px 4px 0 4px #222
}

#mickey-hat div:after {
    width: 110px;
    height: 110px;
    top: 56px;
    left: 192px;
    background: #333;
    background-image: radial-gradient(circle at 80px 0, transparent 60%, rgba(255, 255, 255, 0.2) 90%);
    border-radius: 50%;
    -webkit-box-shadow: -4px 4px 0 4px #222, -144px -45px 0 -44px #222, -115px -15px 0 -44px #222, -142px -22px 0 -53px #222, -138px -18px 0 -53px #222, -143px -17px 0 -54px white, -144px -16px 0 -51px #222, -142px -23px 0 -50px white, -137px -18px 0 -50px white, -151px -9px 0 -54px #e95b4f, -150px -10px 0 -52px #222, -142px -18px 0 -40px #d3b579, -141px -19px 0 -36px #222, -141px -19px 0 -28px white, -141px -18px 0 -11px #e95b4f;
    box-shadow: -4px 4px 0 4px #222, -144px -45px 0 -44px #222, -115px -15px 0 -44px #222, -142px -22px 0 -53px #222, -138px -18px 0 -53px #222, -143px -17px 0 -54px white, -144px -16px 0 -51px #222, -142px -23px 0 -50px white, -137px -18px 0 -50px white, -151px -9px 0 -54px #e95b4f, -150px -10px 0 -52px #222, -142px -18px 0 -40px #d3b579, -141px -19px 0 -36px #222, -141px -19px 0 -28px white, -141px -18px 0 -11px #e95b4f
}

#hobbit-door {
    background: #d2b48c;
}

#hobbit-door div {
    width: 250px;
    height: 250px;
    margin-left: -125px;
    margin-top: -140px;
    z-index: 1;
    background-color: #825034;
    background-image: linear-gradient(to right, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(76deg, transparent 45%, #ae6a46 45%, #ae6a46 55%, transparent 55%), linear-gradient(-76deg, transparent 45%, #b7714b 45%, #b7714b 55%, transparent 55%), linear-gradient(60deg, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(-60deg, transparent 45%, #c48b6c 45%, #c48b6c 55%, transparent 55%), linear-gradient(42deg, transparent 45%, #ca977b 45%, #ca977b 55%, transparent 55%), linear-gradient(-42deg, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(-24deg, transparent 45%, #ca977b 45%, #ca977b 55%, transparent 55%), linear-gradient(25deg, transparent 45%, #985d3d 45%, #985d3d 55%, transparent 55%), linear-gradient(-9deg, transparent 45%, #c48b6c 45%, #c48b6c 55%, transparent 55%), linear-gradient(7deg, transparent 44%, #bb7a56 44%, #bb7a56 55%, transparent 55%);
    border-radius: 50%;
    -webkit-box-shadow: 0 5px #985d3d;
    box-shadow: 0 5px #985d3d;
}

#hobbit-door div:before {
    width: 190px;
    height: 190px;
    margin-left: -95px;
    margin-top: -95px;
    top: 50%;
    left: 50%;
    background: #468e60;
    background-image: repeating-linear-gradient(to right, transparent, transparent 22px, #26603b 22px, #26603b 24px, #73b38a 24px, #73b38a 25px);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 5px 0 #6c422c, inset 0 12px 5px rgba(0, 0, 0, 0.3), inset 0 -4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 5px 0 #6c422c, inset 0 12px 5px rgba(0, 0, 0, 0.3), inset 0 -4px 3px rgba(0, 0, 0, 0.2)
}

#hobbit-door div:after {
    width: 25px;
    height: 25px;
    margin-left: -12.5px;
    margin-top: -12.5px;
    top: 50%;
    left: 50%;
    background: #ffeb8f;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -6px 5px rgba(111, 74, 24, 0.5), 0 5px 3px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -6px 5px rgba(111, 74, 24, 0.5), 0 5px 3px rgba(0, 0, 0, 0.4)
}

#tardis {
    background: #2f4f4f;
}

#tardis div {
    width: 170px;
    height: 250px;
    margin-left: -85px;
    margin-top: -110px;
    background: #274d7e;
    background-image: linear-gradient(to right, #295185 15px, #21416a 15px, #21416a 17px, #264b7a 17px, #264b7a 20px, #21416a 20px, #21416a 22px, #274d7e 22px, #274d7e 32px, transparent 32px, transparent 83px, #1d395d 83px, #1d395d 85px, #21416a 85px, #21416a 87px, #1d395d 87px, #1d395d 89px, transparent 90px), linear-gradient(to left, #295185 15px, #21416a 15px, #21416a 17px, #264b7a 17px, #264b7a 20px, #21416a 20px, #21416a 22px, #274d7e 22px, #274d7e 32px, transparent 32px, transparent 75px, #274d7e 75px, #274d7e 95px, transparent 95px), linear-gradient(to bottom, transparent 85px, #244775 85px, #244775 130px, transparent 130px, transparent 140px, #244775 140px, #244775 185px, transparent 185px, transparent 195px, #244775 195px, #244775 240px, transparent 240px), linear-gradient(to bottom, transparent 52px, #274d7e 52px, #274d7e 54px, transparent 54px), linear-gradient(to right, transparent 44px, #274d7e 44px, #274d7e 46px, transparent 46px, transparent 60px, #274d7e 60px, #274d7e 62px, transparent 62px, transparent 108px, #274d7e 108px, #274d7e 110px, transparent 110px, transparent 124px, #274d7e 124px, #274d7e 126px, transparent 126px), linear-gradient(to bottom, transparent 30px, rgba(255, 255, 255, 0.4) 30px, rgba(255, 255, 255, 0.9) 75px, transparent 75px);
    border-bottom: 8px solid #2b568d;
    -webkit-box-shadow: 0 12px 0 #21416a, 0 18px 8px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 12px 0 #21416a, 0 18px 8px -3px rgba(0, 0, 0, 0.3);
}

#tardis div:before {
    width: 150px;
    height: 18px;
    margin-left: -75px;
    margin-top: -8px;
    left: 50%;
    content: 'POLICE BOX';
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 5px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.8);
    background: #333;
    -webkit-box-shadow: 0 0 0 4px #295185, 0 4px 4px 4px rgba(0, 0, 0, 0.3), 0 -15px 0 #274d7e, 0 -27px 0 -6px #295185, 0 -32px 0 -6px #295185;
    box-shadow: 0 0 0 4px #295185, 0 4px 4px 4px rgba(0, 0, 0, 0.3), 0 -15px 0 #274d7e, 0 -27px 0 -6px #295185, 0 -32px 0 -6px #295185
}

#tardis div:after {
    width: 15px;
    height: 20px;
    margin-left: -7.5px;
    left: 50%;
    top: -62px;
    background: rgba(255, 255, 255, 0.7);
    background-image: linear-gradient(to right, transparent 5px, #31619f 5px, #31619f 6px, transparent 6px), linear-gradient(to bottom, transparent 5px, #31619f 5px, #31619f 6px, transparent 6px, transparent 13px, #31619f 13px, #31619f 14px, transparent 14px);
    border-bottom: 3px solid #31619f;
    border-top: 5px solid #31619f;
    -webkit-box-shadow: 0 -2px 10px -1px rgba(255, 255, 255, 0.5), -39px 155px 0 rgba(255, 255, 255, 0.6), -24px 155px 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 -2px 10px -1px rgba(255, 255, 255, 0.5), -39px 155px 0 rgba(255, 255, 255, 0.6), -24px 155px 0 rgba(255, 255, 255, 0.6)
}

#marker {
    background: #dcdcdc;
}

#marker div {
    width: 80px;
    height: 80px;
    margin-left: -80px;
    margin-top: -110px;
    background: #f00;
    background-image: radial-gradient(circle at 25px 23px, white 7%, rgba(255, 255, 255, 0) 40%);
    -webkit-box-shadow: inset -5px -5px 10px #f00, inset -18px -23px 15px rgba(0, 0, 0, 0.2);
    box-shadow: inset -5px -5px 10px #f00, inset -18px -23px 15px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

#marker div:before {
    width: 130px;
    height: 150px;
    top: 80px;
    left: 34px;
    background-image: linear-gradient(to right, #eee 3px, #777 12px, transparent 12px), linear-gradient(-20deg, rgba(178, 175, 175, 0) 37px, #b2afaf 44px, #b2afaf 45px, rgba(178, 175, 175, 0) 52px)
}

#marker div:after {
    width: 60px;
    height: 45px;
    top: 152px;
    left: 147px;
    background-image: linear-gradient(20deg, #b2afaf 30%, rgba(178, 175, 175, 0) 90%);
    border-radius: 50%;
    -webkit-box-shadow: -1px 2px 3px #b2afaf;
    box-shadow: -1px 2px 3px #b2afaf;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

#crayon {
    background: #f3c114;
}

#crayon div {
    width: 250px;
    height: 40px;
    margin-left: -110px;
    margin-top: -20px;
    z-index: 1;
    background: #237449;
    background-image: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.6) 50px, transparent 54px), linear-gradient(to right, transparent 25px, rgba(0, 0, 0, 0.6) 25px, rgba(0, 0, 0, 0.6) 30px, transparent 30px, transparent 35px, rgba(0, 0, 0, 0.6) 35px, rgba(0, 0, 0, 0.6) 40px, transparent 40px, transparent 210px, rgba(0, 0, 0, 0.6) 210px, rgba(0, 0, 0, 0.6) 215px, transparent 215px, transparent 220px, rgba(0, 0, 0, 0.6) 220px, rgba(0, 0, 0, 0.6) 225px, transparent 225px), linear-gradient(to right, transparent 12px, rgba(41, 237, 133, 0.6) 12px, rgba(41, 237, 133, 0.6) 235px, transparent 235px), linear-gradient(to bottom, transparent 62%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 2px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

#crayon div:before {
    height: 10px;
    left: -48px;
    top: 2px;
    border-right: 48px solid #237449;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent
}

#crayon div:after {
    width: 251px;
    height: 23px;
    content: 'green';
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    text-align: right;
    padding-right: 47px;
    padding-top: 17px;
    left: -48px;
    background-image: linear-gradient(to right, transparent 46px, rgba(0, 0, 0, 0.3) 48px, transparent 48px), linear-gradient(to bottom, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0.2) 17px, rgba(255, 255, 255, 0.2) 19px, rgba(255, 255, 255, 0) 24px)
}

#moleskine {
    background: #84c3c9;
}

#moleskine div {
    width: 170px;
    height: 250px;
    margin-left: -85px;
    margin-top: -133px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), to(#222));
    background-image: linear-gradient(to bottom, #444 0, #222 100%);
    border-radius: 3px 10px 10px 3px;
    -webkit-box-shadow: 0 5px 0 white, 0 7px 0 #222, 3px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 0 white, 0 7px 0 #222, 3px 10px 2px rgba(0, 0, 0, 0.3);
}

#moleskine div:before {
    width: 170px;
    height: 257px;
    background-image: linear-gradient(to right, transparent 130px, #333 130px, #333 140px, transparent 140px), linear-gradient(to bottom, transparent 33%, #ff8613 33%, #ff8613 68%, transparent 68%), linear-gradient(to right, #444 3px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0) 8px)
}

#moleskine div:after {
    width: 60px;
    height: 40px;
    left: 13px;
    top: 105px;
    background: white;
    background-image: linear-gradient(to right, transparent 29px, #777 29px, #777 31px, transparent 31px);
    border: 2px solid #777;
    -webkit-box-shadow: -20px 125px 0 -21px #777;
    box-shadow: -20px 125px 0 -21px #777
}

#macarons {
    background: #eee;
}

#macarons div {
    width: 110px;
    height: 180px;
    margin-left: -55px;
    margin-top: -90px;
    background-image: linear-gradient(to top, transparent 20px, #7b5354 20px, #7b5354 25px, transparent 25px, transparent 65px, #ffd889 65px, #ffd889 70px, transparent 70px, transparent 109px, #548355 109px, #548355 114px, transparent 114px, transparent 154px, #965537 154px, #965537 159px, transparent 159px);
}

#macarons div:before {
    width: 110px;
    height: 20px;
    bottom: 0;
    border-radius: 6px;
    border-bottom-left-radius: 80px 20px;
    border-bottom-right-radius: 80px 20px;
    background: #fa8780;
    -webkit-box-shadow: 0 -45px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574;
    box-shadow: 0 -45px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574
}

#macarons div:after {
    width: 110px;
    height: 20px;
    bottom: 25px;
    border-radius: 6px;
    border-top-left-radius: 80px 20px;
    border-top-right-radius: 80px 20px;
    background: #fa8780;
    -webkit-box-shadow: 0 -44px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574;
    box-shadow: 0 -44px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574
}

#mario-tube {
    background: #8cb4ff;
}

#mario-tube div {
    width: 170px;
    height: 250px;
    margin-left: -85px;
    margin-top: -50px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 4%, rgba(0, 0, 0, 0) 10%), linear-gradient(-150deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0) 20%), linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
    border-left: 1px solid #236d22;
}

#mario-tube div:before {
    width: 210px;
    height: 60px;
    margin-left: -20px;
    top: -60px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.3) 2px, rgba(255, 255, 255, 0.3) 3px, rgba(255, 255, 255, 0) 4px), linear-gradient(to top, rgba(0, 0, 0, 0.4) 3px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0) 6px), linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
    border-radius: 5px
}

#mario-tube div:after {
    width: 40px;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.7)), color-stop(80%, rgba(255, 255, 255, 0.7)), color-stop(95%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0) 95%);
    top: -58px;
    left: 30px
}

@media (max-width: 400px) {
    #mario-tube div {
        margin-top: -25px
    }
}

#mario-mushroom {
    background: #74ceff;
}

#mario-mushroom div {
    width: 170px;
    height: 140px;
    margin-left: -85px;
    margin-top: -90px;
    background-image: radial-gradient(circle at 50% 120%, rgba(0, 0, 0, 0.7) 23%, rgba(0, 0, 0, 0) 48%), linear-gradient(30deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0) 20%), radial-gradient(circle at 50% 33%, #f8f6f7 32%, rgba(255, 255, 255, 0) 32%), radial-gradient(circle at -13% 55%, #f8f6f7 20%, rgba(255, 255, 255, 0) 20%), radial-gradient(circle at 113% 55%, #f8f6f7 20%, rgba(255, 255, 255, 0) 20%), linear-gradient(to bottom, #ef0015 20%, #b2000c 100%);
    border-radius: 140px 140px 80px 80px;
}

#mario-mushroom div:before {
    width: 100px;
    height: 66px;
    left: 35px;
    bottom: -30px;
    background: #f1d38b;
    border-top-right-radius: 180px 100px;
    border-top-left-radius: 180px 100px;
    border-bottom-right-radius: 140px 100px;
    border-bottom-left-radius: 140px 100px;
    border-top: 1px solid #53170f;
    -webkit-box-shadow: inset 0 15px 10px rgba(0, 0, 0, 0.25), inset -12px -5px 10px rgba(0, 0, 0, 0.2), inset 5px -2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 15px 10px rgba(0, 0, 0, 0.25), inset -12px -5px 10px rgba(0, 0, 0, 0.2), inset 5px -2px 10px rgba(0, 0, 0, 0.2)
}

#mario-mushroom div:after {
    width: 8px;
    height: 25px;
    top: 120px;
    left: 58px;
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 8px 0 #312114, 38px 0 #312114;
    box-shadow: 8px 0 #312114, 38px 0 #312114;
    border-radius: 40%
}

#cupcake {
    background: #ffc0cb;
}

#cupcake div {
    width: 240px;
    height: 150px;
    margin-left: -120px;
    margin-top: -30px;
    background: #61381c;
    background-image: radial-gradient(circle at top center, rgba(73, 41, 20, 0) 55%, rgba(73, 41, 20, 0.9) 75%), repeating-linear-gradient(to right, transparent, transparent 7px, rgba(0, 0, 0, 0.7) 9px, rgba(0, 0, 0, 0.7) 20px, transparent 22px), linear-gradient(to bottom, transparent 15px, rgba(255, 255, 255, 0.5) 16px, rgba(255, 255, 255, 0.3) 40px, transparent 42px);
    border-bottom-right-radius: 120px 30px;
    border-bottom-left-radius: 120px 30px;
    -webkit-box-shadow: 0 10px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 5px -3px rgba(0, 0, 0, 0.3);
}

#cupcake div:before {
    width: 240px;
    height: 80px;
    margin-left: -120px;
    left: 50%;
    top: -70px;
    background: #ffe4e1;
    border-radius: 60% 60% 50px 50px;
    -webkit-box-shadow: 0 20px 0 6px #3d241c, inset 0 -15px 25px rgba(145, 102, 146, 0.5);
    box-shadow: 0 20px 0 6px #3d241c, inset 0 -15px 25px rgba(145, 102, 146, 0.5)
}

#cupcake div:after {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    top: -95px;
    left: 50%;
    background: #dc143c;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.2)
}

#vacancy {
    background: #111;
}

#vacancy div {
    width: 350px;
    height: 200px;
    margin-left: -190px;
    margin-top: -100px;
    background: #222;
    background-image: linear-gradient(to right, #222 20px, transparent 20px, transparent 190px, #222 190px, #222 210px, transparent 210px, transparent 330px, #222 330px), linear-gradient(to bottom, #222 30px, transparent 30px, transparent 170px, #222 170px), linear-gradient(to bottom, #333 40px, transparent 40px, transparent 160px, #333 160px), linear-gradient(to right, #333 30px, transparent 30px, transparent 180px, #333 180px, #333 220px, transparent 220px, transparent 320px, #333 320px), repeating-linear-gradient(to bottom, transparent 7px, rgba(0, 0, 0, 0.8) 9px, rgba(0, 0, 0, 0.8) 13px, transparent 13px);
    border-top: 15px solid #333;
    border-left: 15px solid #111;
    border-right: 15px solid #111;
    border-bottom: 6px solid #222;
}

#vacancy div:after {
    padding: 50px;
    content: 'VACANCY';
    left: -5px;
    top: 35px;
    color: #faf37e;
    overflow: hidden;
    font-family: Verdana;
    font-size: 23px;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 40px #ffa500, 0 0 60px #f00, 0 0 80px #f00, 0 0 105px #f00
}

#vacancy div:before {
    padding: 50px;
    content: 'NO';
    left: 10px;
    top: 10px;
    color: #111;
    overflow: hidden;
    font-family: Verdana;
    font-size: 18px;
    animation: blinky 10s infinite;
    -webkit-animation: blinky 10s infinite
}

@media (max-width: 500px) {
    #vacancy div {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@-webkit-keyframes blinky {
    21%, 39%, 45%, 47%, 53% {
        color: #111;
        text-shadow: none
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #faf37e;
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00
    }
}

@-webkit-keyframes blinky {
    21%, 39%, 45%, 47%, 53% {
        color: #111;
        text-shadow: none
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #faf37e;
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00
    }
}

@keyframes blinky {
    21%, 39%, 45%, 47%, 53% {
        color: #111;
        text-shadow: none
    }
    26%, 38%, 40%, 44%, 46%, 48% {
        color: #faf37e;
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00
    }
}

#candy-apple {
    background: #cbe3ed;
}

#candy-apple div {
    width: 150px;
    height: 150px;
    margin-left: -75px;
    margin-top: -20px;
    background: #dc143c;
    background-image: radial-gradient(ellipse at 22% 30%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 15%);
    border-radius: 80px 80px 100px 100px;
    -webkit-box-shadow: inset -8px -8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: inset -8px -8px 8px rgba(0, 0, 0, 0.1);
}

#candy-apple div:before {
    width: 130px;
    height: 26px;
    margin-left: -65px;
    left: 50%;
    top: 125px;
    background: #dc143c;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -10px 8px #dc143c, inset -5px -18px 8px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -10px 8px #dc143c, inset -5px -18px 8px rgba(0, 0, 0, 0.1)
}

#candy-apple div:after {
    width: 40px;
    height: 150px;
    margin-left: -20px;
    left: 50%;
    top: -130px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, #deb887), color-stop(70%, #c88937), color-stop(70%, transparent));
    background-image: linear-gradient(to right, transparent 30%, #deb887 30%, #c88937 70%, transparent 70%);
    border-bottom-right-radius: 30px 10px;
    border-bottom-left-radius: 30px 10px;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2)
}

#corn-dog {
    background: #ffe4c4;
}

#corn-dog div {
    width: 16px;
    height: 150px;
    margin-left: -8px;
    margin-top: 0;
    background: #deb887;
    background-image: -webkit-gradient(linear, left top, right top, from(#deb887), to(#d3a05f));
    background-image: linear-gradient(to right, #deb887, #d3a05f);
    border-radius: 20px;
}

#corn-dog div:before {
    width: 80px;
    height: 220px;
    margin-left: -40px;
    left: 50%;
    top: -150px;
    z-index: 2;
    background: #cd853f;
    -webkit-box-shadow: inset -5px -5px 30px rgba(0, 0, 0, 0.25);
    box-shadow: inset -5px -5px 30px rgba(0, 0, 0, 0.25);
    border-radius: 50px/70px 70px 100px 100px
}

#corn-dog div:after {
    width: 18px;
    height: 23px;
    margin-left: -9px;
    left: 50%;
    top: 65px;
    background: #cd853f;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 5px
}

#shirt-tag {
    background: #666;
}

#shirt-tag div {
    width: 180px;
    height: 136px;
    margin-left: -90px;
    margin-top: -68px;
    background: #aaa;
    border-radius: 6px/60px;
    -webkit-box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.35), inset -170px 0 0 #eee, inset 0 25px 5px rgba(0, 0, 0, 0.3), inset 0 40px 5px rgba(0, 0, 0, 0.2), -4px 7px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.35), inset -170px 0 0 #eee, inset 0 25px 5px rgba(0, 0, 0, 0.3), inset 0 40px 5px rgba(0, 0, 0, 0.2), -4px 7px 5px rgba(0, 0, 0, 0.4);
}

#shirt-tag div:before {
    width: 220px;
    height: 100px;
    margin-left: -25px;
    margin-top: -4px;
    padding: 35px 0 4px 10px;
    content: '100% COTTON';
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #bbb;
    text-shadow: 1px 2px 1px #fff;
    background-image: linear-gradient(to bottom, #666 5px, rgba(0, 0, 0, 0.5) 5px, transparent 10px);
    border-top: 1px dashed #999
}

#shirt-tag div:after {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    left: 50%;
    top: 65px;
    background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 10px, #bbb 10px, #bbb 14px, rgba(255, 255, 255, 0) 14px), radial-gradient(circle at center, #bbb 3px, rgba(255, 255, 255, 0) 3px);
    border: 4px solid #bbb;
    -webkit-box-shadow: 1px 2px 1px #eee;
    box-shadow: 1px 2px 1px #eee
}

#button {
    background: #555;
}

#button div {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    margin-top: -90px;
    background: #87ceeb;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 5px 5px #87ceeb, inset 0 17px 5px rgba(255, 255, 255, 0.7), inset 0 -3px 3px rgba(255, 255, 255, 0.3), inset 0 -10px 10px rgba(0, 0, 0, 0.3), inset 0 -15px 10px #45b3e0, 0 7px 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 5px 5px #87ceeb, inset 0 17px 5px rgba(255, 255, 255, 0.7), inset 0 -3px 3px rgba(255, 255, 255, 0.3), inset 0 -10px 10px rgba(0, 0, 0, 0.3), inset 0 -15px 10px #45b3e0, 0 7px 10px rgba(0, 0, 0, 0.3);
}

#button div:before {
    width: 110px;
    height: 106px;
    left: 50%;
    top: 50%;
    margin-left: -55px;
    margin-top: -55px;
    background-image: radial-gradient(circle at 38px 38px, #333 10px, transparent 10px), radial-gradient(circle at 73px 73px, #333 10px, transparent 10px), radial-gradient(circle at 38px 73px, #333 10px, transparent 10px), radial-gradient(circle at 73px 38px, #333 10px, transparent 10px);
    border-radius: 50%;
    border-top: 1px solid rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 20px 2px rgba(255, 255, 255, 0.3), 3px -15px 7px -4px rgba(0, 0, 0, 0.3), 0 -14px 10px 5px #45b3e0, 0 2px 5px 5px #87ceeb, 0 10px 5px 5px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 20px 2px rgba(255, 255, 255, 0.3), 3px -15px 7px -4px rgba(0, 0, 0, 0.3), 0 -14px 10px 5px #45b3e0, 0 2px 5px 5px #87ceeb, 0 10px 5px 5px rgba(255, 255, 255, 0.6)
}

#button div:after {
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -23px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, transparent), color-stop(35%, #000080), color-stop(40%, #4682b4), color-stop(45%, #000080), color-stop(50%, #4682b4), color-stop(55%, #000080), color-stop(60%, #4682b4), color-stop(65%, #000080), color-stop(65%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, #000080), color-stop(40%, #4682b4), color-stop(45%, #000080), color-stop(50%, #4682b4), color-stop(55%, #000080), color-stop(60%, #4682b4), color-stop(65%, #000080), color-stop(65%, transparent));
    background-image: linear-gradient(to right, transparent 35%, #000080 35%, #4682b4 40%, #000080 45%, #4682b4 50%, #000080 55%, #4682b4 60%, #000080 65%, transparent 65%), linear-gradient(to bottom, transparent 35%, #000080 35%, #4682b4 40%, #000080 45%, #4682b4 50%, #000080 55%, #4682b4 60%, #000080 65%, transparent 65%);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#luggage-tag1 {
    background: #87ceeb;
}

#luggage-tag1 div {
    width: 180px;
    height: 220px;
    margin-left: -90px;
    margin-top: -90px;
    -webkit-box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.1);
    color: #f2353b;
}

#luggage-tag1 div:before {
    width: 180px;
    height: 180px;
    padding-top: 80px;
    margin-top: -40px;
    content: 'PHX';
    font-family: Impact, Arial, sans-serif;
    font-size: 80px;
    background-image: linear-gradient(to bottom, transparent 45px, #f2353b 45px, #f2353b 60px, #f7c791 60px), linear-gradient(135deg, transparent 30px, #f2353b 30px, #f2353b 95px, transparent 95px), linear-gradient(225deg, transparent 30px, #f2353b 30px, #f2353b 95px, transparent 95px)
}

#luggage-tag1 div:after {
    width: 180px;
    height: 65px;
    padding-top: 160px;
    bottom: 35px;
    background-image: radial-gradient(ellipse at center, #87ceeb 20%, #df2228 21%, #df2228 45%, transparent 45%);
    background-size: 65px 65px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #666;
    content: 'PHOENIX';
    font-family: Helvetica, Arial, sans-serif;
    font-size: 27px;
    font-weight: bold
}

#luggage-tag2 {
    background: #f6dfc6;
}

#luggage-tag2 div {
    width: 200px;
    height: 250px;
    margin-left: -100px;
    margin-top: -125px;
    background: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #f7f7f7), color-stop(30%, #71bad7), color-stop(70%, #71bad7), color-stop(70%, #f7f7f7));
    background-image: linear-gradient(to bottom, #f7f7f7 30%, #71bad7 30%, #71bad7 70%, #f7f7f7 70%);
    -webkit-box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: white;
}

#luggage-tag2 div:before {
    width: 200px;
    height: 112px;
    padding-top: 68px;
    margin-top: -40px;
    bottom: 30px;
    background-image: linear-gradient(to right, transparent 100px, #71bad7 100px, #71bad7 101px, transparent 101px);
    border-bottom: 1px solid #71bad7;
    content: 'SFO';
    font-size: 70px
}

#luggage-tag2 div:after {
    width: 200px;
    height: 30px;
    padding-top: 85px;
    top: 0;
    background-image: radial-gradient(ellipse at center, #f8e9d8 20%, white 21%, white 45%, transparent 45%);
    background-size: 65px 65px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    content: 'SAN FRANCISCO';
    font-size: 16px
}

#grand-budapest {
    background: #efabb3;
}

#grand-budapest div {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    top: 0;
    background: transparent;
    -webkit-box-shadow: 0 205px 0 -6px #fbd0e4, 0 205px 0 -5px #f93050, 0 205px #fbd0e4, -105px 205px 0 -6px #fbd0e4, -105px 205px 0 -5px #f93050, -105px 205px #fbd0e4, 115px 205px 0 -6px #fbd0e4, 115px 205px 0 -5px #f93050, 115px 205px #fbd0e4, -80px 104px 0 -6px #fbd0e4, -80px 104px 0 -5px #f93050, -80px 104px #fbd0e4, 40px 104px 0 -6px #fbd0e4, 40px 104px 0 -5px #f93050, 40px 104px #fbd0e4;
    box-shadow: 0 205px 0 -6px #fbd0e4, 0 205px 0 -5px #f93050, 0 205px #fbd0e4, -105px 205px 0 -6px #fbd0e4, -105px 205px 0 -5px #f93050, -105px 205px #fbd0e4, 115px 205px 0 -6px #fbd0e4, 115px 205px 0 -5px #f93050, 115px 205px #fbd0e4, -80px 104px 0 -6px #fbd0e4, -80px 104px 0 -5px #f93050, -80px 104px #fbd0e4, 40px 104px 0 -6px #fbd0e4, 40px 104px 0 -5px #f93050, 40px 104px #fbd0e4;
}

@media (max-width: 400px) {
    #grand-budapest div {
        top: 30px
    }
}

#grand-budapest div:before {
    content: 'MENDL’S';
    display: inline-block;
    top: 250px;
    left: -82px;
    font-size: 12px;
    font-family: 'Lucida Grande';
    font-weight: bold;
    color: #f93050;
    text-shadow: 220px 0 0 #f93050, 24px -101px #f93050
}

#grand-budapest div:after {
    width: 8px;
    height: 100px;
    top: 206px;
    left: -60px;
    background: #90baff;
    -webkit-box-shadow: 220px 0 #90baff, 145px -101px #90baff;
    box-shadow: 220px 0 #90baff, 145px -101px #90baff
}

#royal-tenenbaums {
    background: #a86e4a;
}

#royal-tenenbaums div {
    width: 150px;
    height: 120px;
    margin-left: -75px;
    margin-top: -25px;
    background: #f9a688;
    border-radius: 60px 50px 40px 40px;
}

#royal-tenenbaums div:before {
    width: 30px;
    height: 130px;
    right: 35px;
    top: -120px;
    background-image: linear-gradient(to bottom, #f9a688 40px, transparent 40px, transparent 70px, #f9a688 70px);
    border-radius: 30px 25px 0 0;
    -webkit-box-shadow: 35px 50px #f9a688, -35px 15px #f9a688, -70px 35px #f9a688, -65px 142px #f9a688, -36px 142px #f9a688, -7px 142px #f9a688, 13px 142px #f9a688;
    box-shadow: 35px 50px #f9a688, -35px 15px #f9a688, -70px 35px #f9a688, -65px 142px #f9a688, -36px 142px #f9a688, -7px 142px #f9a688, 13px 142px #f9a688
}

#royal-tenenbaums div:after {
    width: 30px;
    height: 130px;
    left: -12px;
    top: -32px;
    background: #f9a688;
    border-radius: 25px 30px 0 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

#moonrise-kingdom {
    background: #deb887;
}

#moonrise-kingdom div {
    width: 180px;
    height: 250px;
    margin-left: -90px;
    margin-top: -125px;
    background-image: linear-gradient(to top, transparent 100px, #63cbe4 100px), linear-gradient(to right, #fff8dc 15px, transparent 15px), linear-gradient(to left, #fff8dc 15px, transparent 15px), linear-gradient(to top, #fff8dc 15px, transparent 15px, transparent 42px, #e0d9bf 42px, #e0d9bf 50px, #fff8dc 50px, #fff8dc 100px, transparent 100px);
    border-radius: 7px 7px 3px 3px;
}

#moonrise-kingdom div:before {
    width: 12px;
    height: 12px;
    bottom: 68px;
    left: 33px;
    background: #666;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 7px #ddd, 0 0 0 11px #666, 50px 0 0 #666, 50px 0 0 7px #ddd, 50px 0 0 11px #666, 100px 0 0 #666, 100px 0 0 7px #ddd, 100px 0 0 11px #666, -5px -75px 0 -2px rgba(0, 0, 0, 0.4), -5px -60px 0 -2px rgba(0, 0, 0, 0.4), -5px -45px 0 -2px rgba(0, 0, 0, 0.4), 10px -75px 0 -2px rgba(0, 0, 0, 0.4), 10px -60px 0 -2px rgba(0, 0, 0, 0.4), 10px -45px 0 -2px rgba(0, 0, 0, 0.4), 27px -75px 0 -2px rgba(0, 0, 0, 0.4), 27px -60px 0 -2px rgba(0, 0, 0, 0.4), 27px -45px 0 -2px rgba(0, 0, 0, 0.4), 44px -75px 0 -2px rgba(0, 0, 0, 0.4), 44px -60px 0 -2px rgba(0, 0, 0, 0.4), 44px -45px 0 -2px rgba(0, 0, 0, 0.4), 60px -75px 0 -2px rgba(0, 0, 0, 0.4), 60px -60px 0 -2px rgba(0, 0, 0, 0.4), 60px -45px 0 -2px rgba(0, 0, 0, 0.4), 75px -75px 0 -2px rgba(0, 0, 0, 0.4), 75px -60px 0 -2px rgba(0, 0, 0, 0.4), 75px -45px 0 -2px rgba(0, 0, 0, 0.4), 90px -75px 0 -2px rgba(0, 0, 0, 0.4), 90px -60px 0 -2px rgba(0, 0, 0, 0.4), 90px -45px 0 -2px rgba(0, 0, 0, 0.4), 105px -75px 0 -2px rgba(0, 0, 0, 0.4), 105px -60px 0 -2px rgba(0, 0, 0, 0.4), 105px -45px 0 -2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 7px #ddd, 0 0 0 11px #666, 50px 0 0 #666, 50px 0 0 7px #ddd, 50px 0 0 11px #666, 100px 0 0 #666, 100px 0 0 7px #ddd, 100px 0 0 11px #666, -5px -75px 0 -2px rgba(0, 0, 0, 0.4), -5px -60px 0 -2px rgba(0, 0, 0, 0.4), -5px -45px 0 -2px rgba(0, 0, 0, 0.4), 10px -75px 0 -2px rgba(0, 0, 0, 0.4), 10px -60px 0 -2px rgba(0, 0, 0, 0.4), 10px -45px 0 -2px rgba(0, 0, 0, 0.4), 27px -75px 0 -2px rgba(0, 0, 0, 0.4), 27px -60px 0 -2px rgba(0, 0, 0, 0.4), 27px -45px 0 -2px rgba(0, 0, 0, 0.4), 44px -75px 0 -2px rgba(0, 0, 0, 0.4), 44px -60px 0 -2px rgba(0, 0, 0, 0.4), 44px -45px 0 -2px rgba(0, 0, 0, 0.4), 60px -75px 0 -2px rgba(0, 0, 0, 0.4), 60px -60px 0 -2px rgba(0, 0, 0, 0.4), 60px -45px 0 -2px rgba(0, 0, 0, 0.4), 75px -75px 0 -2px rgba(0, 0, 0, 0.4), 75px -60px 0 -2px rgba(0, 0, 0, 0.4), 75px -45px 0 -2px rgba(0, 0, 0, 0.4), 90px -75px 0 -2px rgba(0, 0, 0, 0.4), 90px -60px 0 -2px rgba(0, 0, 0, 0.4), 90px -45px 0 -2px rgba(0, 0, 0, 0.4), 105px -75px 0 -2px rgba(0, 0, 0, 0.4), 105px -60px 0 -2px rgba(0, 0, 0, 0.4), 105px -45px 0 -2px rgba(0, 0, 0, 0.4)
}

#moonrise-kingdom div:after {
    width: 120px;
    margin-left: -62px;
    padding: 2px;
    left: 50%;
    top: 70px;
    content: 'BARRINGTON';
    background: white;
    font-family: Helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #666
}

#lightsaber-darth {
    background: #aaa;
}

#lightsaber-darth div {
    width: 40px;
    height: 250px;
    margin-left: -20px;
    margin-top: -125px;
    background-color: #ccc;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(circle at 26px 75px, #444 5px, transparent 5px), radial-gradient(circle at 26px 62px, #444 5px, transparent 5px), linear-gradient(to bottom, transparent 37px, rgba(0, 0, 0, 0.2) 37px, rgba(0, 0, 0, 0.2) 39px, transparent 39px), linear-gradient(to bottom, #444 20%, transparent 20%), linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0) 40%), linear-gradient(to bottom, transparent 37%, #444 37%, #444 50%, transparent 50%), linear-gradient(to bottom, #ccc 50%, transparent 50%, transparent 98%, #ddd 98%), linear-gradient(to right, #444 20%, transparent 20%, transparent 35%, #444 35%, #444 65%, transparent 65%, transparent 80%, #444 80%), linear-gradient(to top, transparent 10px, #888 10px, #888 12px, transparent 12px, transparent 14px, #888 14px, #888 16px, transparent 16px, transparent 18px, #888 18px, #888 20px, transparent 20px, transparent 22px, #888 22px, #888 24px, transparent 24px);
    border-top-right-radius: 80px 60px;
    border-bottom-right-radius: 40px 10px;
    border-bottom-left-radius: 40px 10px;
}

#lightsaber-darth div:before {
    width: 8px;
    height: 55px;
    background: #444;
    left: -8px;
    top: 20px;
    border-top-left-radius: 10px 20px
}

#lightsaber-darth div:after {
    width: 12px;
    height: 34px;
    right: -12px;
    top: 91px;
    background: #444;
    background-image: radial-gradient(circle at center center, #888 3px, transparent 3px)
}

#lightsaber-luke {
    background: #f7f7f7;
}

#lightsaber-luke div {
    width: 24px;
    height: 96px;
    margin-left: -12px;
    margin-top: -125px;
    background-image: linear-gradient(to bottom, #ccc 20px, #daa520 20px, #daa520 60px, #444 60px);
}

#lightsaber-luke div:before {
    width: 40px;
    height: 250px;
    margin-left: -20px;
    left: 50%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 75%), linear-gradient(to bottom, #ccc 10px, transparent 10px, transparent 45px, #daa520 45px, #daa520 60px, #ccc 60px, #ccc 65px, transparent 65px), linear-gradient(to top, transparent 20px, rgba(0, 0, 0, 0.1) 20px, rgba(0, 0, 0, 0.1) 22px, transparent 22px), linear-gradient(to top, #ccc 90px, #444 90px, #444 98px, #ccc 98px, #ccc 102px, #444 102px, #444 106px, #ccc 106px, #ccc 110px, #444 110px, #444 114px, #ccc 114px, #ccc 118px, #444 118px, #444 122px, #ccc 122px, #ccc 126px, #444 126px, #444 130px, #ccc 130px, #ccc 134px, #444 134px, #444 138px, #ccc 138px, #ccc 142px, #444 142px, #444 146px, #ccc 146px, #ccc 150px, #444 150px, #444 154px, #ccc 154px, #ccc 158px, transparent 158px);
    border-bottom-right-radius: 40px 10px;
    border-bottom-left-radius: 40px 10px
}

#lightsaber-luke div:after {
    width: 10px;
    height: 44px;
    background-image: radial-gradient(circle at 7px 15px, #ff6347 2px, transparent 2px), radial-gradient(circle at 7px 7px, #0f0 2px, transparent 2px), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccc), color-stop(50%, #444));
    background-image: radial-gradient(circle at 7px 15px, #ff6347 2px, transparent 2px), radial-gradient(circle at 7px 7px, #0f0 2px, transparent 2px), linear-gradient(to bottom, #ccc 50%, #444 50%);
    left: -24px;
    bottom: -112px;
    border-left: 4px solid #daa520;
    border-right: 4px solid #ccc;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2)
}

#bb8 {
    background: #444;
    z-index: -3;
}

#bb8 div {
    width: 120px;
    height: 78px;
    margin-left: -60px;
    margin-top: -145px;
    background-color: white;
    background-image: radial-gradient(circle at 85px 50px, #555 5px, transparent 6px), radial-gradient(circle at 85px 50px, white 7px, transparent 8px), radial-gradient(circle at 85px 50px, #555 10px, transparent 11px), radial-gradient(circle at 58px 32px, rgba(255, 255, 255, 0.9) 2px, transparent 3px), radial-gradient(circle at 52px 36px, #333 12px, transparent 13px), radial-gradient(circle at 52px 36px, #555 16px, transparent 17px), radial-gradient(circle at 52px 37px, white 20px, transparent 20px), linear-gradient(to top, #aaa 7px, transparent 7px), linear-gradient(to bottom, white 7px, #ccc 7px, #aaa 15px, white 15px, white 18px, #ffa500 18px, #ffa500 24px, transparent 24px), linear-gradient(to right, transparent 29px, #ccc 30px, #ccc 31px, transparent 31px, transparent 60px, #ccc 61px, #ccc 62px, transparent 62px), linear-gradient(to right, transparent 5px, white 5px, white 10px, transparent 10px, transparent 30px, white 30px, white 40px, transparent 40px, transparent 50px, white 50px, white 100px, transparent 100px, transparent 115px, white 115px), linear-gradient(to top, #ffa500 16px, transparent 16px);
    border-radius: 50%/60px;
    border-bottom-right-radius: 50px 10px;
    border-bottom-left-radius: 50px 10px;
    border-bottom: 8px solid #ccc;
    -webkit-box-shadow: inset -5px -2px 20px rgba(0, 0, 0, 0.4);
    box-shadow: inset -5px -2px 20px rgba(0, 0, 0, 0.4);
}

#bb8 div:before {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: 79px;
    left: 50%;
    background-color: white;
    background-image: radial-gradient(ellipse at top right, #ffa500 50px, transparent 50px), radial-gradient(ellipse at bottom right, #ffa500 50px, transparent 50px), radial-gradient(ellipse at top left, #ffa500 50px, transparent 50px), radial-gradient(ellipse at bottom left, #ffa500 50px, transparent 50px), radial-gradient(circle at 100px 100px, transparent 60px, white 61px), radial-gradient(circle at 100px 100px, transparent 44px, #ffa500 45px), linear-gradient(to bottom, transparent 90px, white 90px, white 93px, transparent 93px, transparent 99px, white 99px, white 103px, transparent 103px, transparent 108px, white 108px, white 112px, transparent 112px), radial-gradient(circle at 100px 100px, #aaa 24px, transparent 25px), radial-gradient(circle at 100px 100px, white 28px, transparent 29px), linear-gradient(-45deg, transparent 132px, white 132px, white 136px, #ffa500 136px, #ffa500 152px, white 152px, white 155px, transparent 155px), linear-gradient(45deg, transparent 129px, white 129px, white 133px, #ffa500 133px, #ffa500 150px, white 150px, white 153px, transparent 153px), linear-gradient(to bottom, transparent 75px, white 75px, white 119px, transparent 119px), radial-gradient(circle at 100px 100px, #aaa 40px, transparent 41px), radial-gradient(circle at 100px 100px, white 44px, transparent 45px);
    border-radius: 50%;
    z-index: -2;
    -webkit-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear
}

#bb8 div:after {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: 79px;
    left: 50%;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 10px, transparent 15px);
    -webkit-box-shadow: inset 0 -20px 30px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -20px 30px rgba(0, 0, 0, 0.5);
    z-index: -1;
    -webkit-transform: translate3d(0, 0, 0)
}

@-webkit-keyframes spin {

0
{
    -webkit-transform: rotate(0) translateZ(0)
;
    transform: rotate(0) translateZ(0)
}
100
%
{
    -webkit-transform: rotate(-360deg) translateZ(0)
;
    transform: rotate(-360deg) translateZ(0)
}
}
@keyframes spin {

0
{
    -webkit-transform: rotate(0) translateZ(0)
;
    transform: rotate(0) translateZ(0)
}
100
%
{
    -webkit-transform: rotate(-360deg) translateZ(0)
;
    transform: rotate(-360deg) translateZ(0)
}
}
#pizza-works {
    background: #fff8dc;
}

#pizza-works div {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    background: #d2b48c;
    background-image: radial-gradient(circle, rgba(255, 215, 0, 0.24) 30%, transparent 58%), radial-gradient(circle, #fffacd 55%, transparent 58%), radial-gradient(circle, #b22222 60%, transparent 61%), radial-gradient(circle, rgba(139, 69, 19, 0.4) 58%, transparent 64%), radial-gradient(circle, transparent 66%, #8b4513 81%);
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

#pizza-works div:before {
    width: 25px;
    height: 25px;
    left: 50px;
    top: 50px;
    background: #b22222;
    border-radius: 50%;
    -webkit-box-shadow: 20px 20px 0 -5px #cd853f, 30px -20px 0 -5px #cd853f, -15px 25px 0 -5px #cd853f, 30px 60px 0 -5px #cd853f, 68px 25px 0 -5px #cd853f, 85px 80px 0 -5px #cd853f, 45px 25px 0 #b22222, 60px -15px 0 #b22222, -10px 50px 0 #b22222, 90px 30px 0 #b22222, 20px 90px 0 #b22222, 65px 70px 0 #b22222;
    box-shadow: 20px 20px 0 -5px #cd853f, 30px -20px 0 -5px #cd853f, -15px 25px 0 -5px #cd853f, 30px 60px 0 -5px #cd853f, 68px 25px 0 -5px #cd853f, 85px 80px 0 -5px #cd853f, 45px 25px 0 #b22222, 60px -15px 0 #b22222, -10px 50px 0 #b22222, 90px 30px 0 #b22222, 20px 90px 0 #b22222, 65px 70px 0 #b22222
}

#pizza-works div:after {
    width: 6px;
    height: 6px;
    left: 80px;
    top: 60px;
    background: #2e8b57;
    border-radius: 2px;
    -webkit-box-shadow: 50px 10px 0 #2e8b57, -20px 30px 0 #2e8b57, -10px 55px 0 #2e8b57, -25px 80px 0 #2e8b57, 35px 50px 0 #2e8b57, 40px 90px 0 #2e8b57, 70px 60px 0 #2e8b57, 70px 0 0 white, 25px -10px 0 white, -10px -15px 0 white, -15px 40px 0 white, 10px 30px 0 white, 20px 70px 0 white, 50px 50px 0 white, 55px 85px 0 white;
    box-shadow: 50px 10px 0 #2e8b57, -20px 30px 0 #2e8b57, -10px 55px 0 #2e8b57, -25px 80px 0 #2e8b57, 35px 50px 0 #2e8b57, 40px 90px 0 #2e8b57, 70px 60px 0 #2e8b57, 70px 0 0 white, 25px -10px 0 white, -10px -15px 0 white, -15px 40px 0 white, 10px 30px 0 white, 20px 70px 0 white, 50px 50px 0 white, 55px 85px 0 white
}

#pizza-marg {
    background: #ffebcd;
}

#pizza-marg div {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    background: #deb887;
    background-image: radial-gradient(circle, rgba(139, 0, 0, 0.3) 25%, transparent 58%), radial-gradient(circle, #b22222 63%, transparent 65%), radial-gradient(circle, transparent 65%, #8b4513 84%);
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

#pizza-marg div:before {
    width: 32px;
    height: 32px;
    left: 45px;
    top: 48px;
    background: white;
    border-radius: 50%;
    -webkit-box-shadow: 50px -23px 0 white, 91px 20px 0 white, 36px 30px 0 white, -10px 60px 0 white, 25px 89px 0 white, 80px 80px 0 white, 20px -30px 0 -14px rgba(0, 0, 0, 0.4), -30px 10px 0 -14px rgba(0, 0, 0, 0.5), -5px 35px 0 -14px rgba(0, 0, 0, 0.4), 16px 16px 0 -14px rgba(0, 0, 0, 0.5), 90px -10px 0 -14px rgba(0, 0, 0, 0.4), 58px 10px 0 -14px rgba(0, 0, 0, 0.5), 60px 60px 0 -14px rgba(0, 0, 0, 0.5), 105px 55px 0 -14px rgba(0, 0, 0, 0.4), -5px 90px 0 -14px rgba(0, 0, 0, 0.5), 55px 105px 0 -14px rgba(0, 0, 0, 0.5);
    box-shadow: 50px -23px 0 white, 91px 20px 0 white, 36px 30px 0 white, -10px 60px 0 white, 25px 89px 0 white, 80px 80px 0 white, 20px -30px 0 -14px rgba(0, 0, 0, 0.4), -30px 10px 0 -14px rgba(0, 0, 0, 0.5), -5px 35px 0 -14px rgba(0, 0, 0, 0.4), 16px 16px 0 -14px rgba(0, 0, 0, 0.5), 90px -10px 0 -14px rgba(0, 0, 0, 0.4), 58px 10px 0 -14px rgba(0, 0, 0, 0.5), 60px 60px 0 -14px rgba(0, 0, 0, 0.5), 105px 55px 0 -14px rgba(0, 0, 0, 0.4), -5px 90px 0 -14px rgba(0, 0, 0, 0.5), 55px 105px 0 -14px rgba(0, 0, 0, 0.5)
}

#pizza-marg div:after {
    width: 20px;
    height: 20px;
    left: 65px;
    top: 45px;
    background: #2e8b57;
    border-radius: 35px 5px;
    -webkit-box-shadow: 50px 55px 0 #2e8b57, 70px -10px 0 -2px #2e8b57, -10px 80px 0 -2px #2e8b57, 40px 105px 0 -2px #2e8b57;
    box-shadow: 50px 55px 0 #2e8b57, 70px -10px 0 -2px #2e8b57, -10px 80px 0 -2px #2e8b57, 40px 105px 0 -2px #2e8b57
}

#pizza-pie {
    background-color: #f5f5dc;
}

#pizza-pie div {
    width: 120px;
    height: 120px;
    margin-left: -63px;
    margin-top: -63px;
    background-color: #deb887;
    background-image: radial-gradient(#ffe970 50px, transparent 50px), radial-gradient(#cd853f 15%, transparent 16%), radial-gradient(#cd853f 15%, transparent 16%);
    background-size: 100% 100%, 10px 10px, 10px 10px;
    background-position: center center, 0 0, 5px 5px;
    border-radius: 50%;
    border: 3px solid #c88937;
}

#pizza-pie div:before {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%);
    background-size: 24px 24px;
    background-position: 24px 26px, 52px 16px, 78px 36px, 48px 46px, 18px 54px, 38px 76px, 70px 68px
}

#vinyl-record {
    background: #ddd;
}

#vinyl-record div {
    width: 160px;
    height: 160px;
    margin-left: -80px;
    margin-top: -140px;
    background: linear-gradient(50deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 60%), linear-gradient(-50deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 60%), repeating-radial-gradient(circle, #333 0, #333 2px, #444 2px, #444 4px);
    border-radius: 50%;
    -webkit-box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.2);
}

#vinyl-record div:before {
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
    top: 50%;
    left: 50%;
    background-color: #f5f5dc;
    background-image: radial-gradient(circle, #333 5px, transparent 5px), -webkit-gradient(linear, left top, left bottom, color-stop(35%, #d2b48c), color-stop(35%, transparent));
    background-image: radial-gradient(circle, #333 5px, transparent 5px), linear-gradient(to bottom, #d2b48c 35%, transparent 35%);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3)
}

#vinyl-record div:after {
    width: 160px;
    height: 160px;
    margin-left: -8px;
    top: 100px;
    background-color: #f7f7f7;
    background-image: linear-gradient(-45deg, #be0974 20px, #da6a57 20px, #da6a57 40px, #eebc31 40px, #eebc31 60px, #92a25b 60px, #92a25b 80px, #46a7c0 80px, #46a7c0 100px, transparent 100px);
    border-radius: 4px;
    border: 8px solid #f7f7f7;
    -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -12px 0 -3px white, -4px -4px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -12px 0 -3px white, -4px -4px 2px rgba(0, 0, 0, 0.1)
}

#cassette {
    background: #ccc;
}

#cassette div {
    width: 180px;
    height: 120px;
    margin-left: -90px;
    margin-top: -60px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #444 10px, transparent 10px), linear-gradient(to left, #444 10px, transparent 10px), linear-gradient(135deg, #444 20px, transparent 20px), linear-gradient(-135deg, #444 20px, transparent 20px), linear-gradient(to bottom, transparent 35px, #be0974 35px, #be0974 43px, #da6a57 43px, #da6a57 51px, #eebc31 51px, #eebc31 59px, #92a25b 59px, #92a25b 67px, #46a7c0 67px, #46a7c0 75px, transparent 75px), linear-gradient(to bottom, transparent 10px, #f7f7f7 10px, #f7f7f7 85px, transparent 85px), linear-gradient(to top, transparent 26px, #444 26px), linear-gradient(105deg, #444 70px, #333 70px, #333 73px, transparent 73px), linear-gradient(-105deg, #444 70px, #333 70px, #333 73px, transparent 73px), linear-gradient(to top, #444 24px, #777 24px, #777 26px, #444 26px);
    -webkit-box-shadow: -4px -4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -4px -4px 2px rgba(0, 0, 0, 0.2);
}

#cassette div:before {
    width: 90px;
    height: 26px;
    margin-left: -45px;
    left: 50%;
    top: 41px;
    background-color: #ccc;
    background-image: linear-gradient(to bottom, #444 5px, transparent 5px), linear-gradient(to top, #444 5px, transparent 5px), linear-gradient(to right, #444 30px, transparent 30px), linear-gradient(to left, #444 30px, transparent 30px), radial-gradient(circle at 10px 12px, #a0522d 32px, transparent 32px);
    border-radius: 30px
}

#cassette div:after {
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 50%;
    -webkit-box-shadow: 165px 0 0 #999, 0 104px 0 #999, 165px 104px 0 #999, 55px 101px 0 1px #222, 68px 98px 0 1px #222, 98px 98px 0 1px #222, 110px 101px 0 1px #222, 51px 38px 0 #444, 114px 38px 0 #444, 44px 46px 0 #444, 58px 46px 0 #444, 107px 46px 0 #444, 121px 46px 0 #444, 51px 53px 0 #444, 114px 53px 0 #444, 51px 46px 0 6px #ccc, 114px 46px 0 6px #ccc;
    box-shadow: 165px 0 0 #999, 0 104px 0 #999, 165px 104px 0 #999, 55px 101px 0 1px #222, 68px 98px 0 1px #222, 98px 98px 0 1px #222, 110px 101px 0 1px #222, 51px 38px 0 #444, 114px 38px 0 #444, 44px 46px 0 #444, 58px 46px 0 #444, 107px 46px 0 #444, 121px 46px 0 #444, 51px 53px 0 #444, 114px 53px 0 #444, 51px 46px 0 6px #ccc, 114px 46px 0 6px #ccc;
    left: 5px;
    top: 5px
}

#cd {
    background: #bbb;
}

#cd div {
    width: 140px;
    height: 140px;
    margin-left: -70px;
    margin-top: -140px;
    border-radius: 50%;
    background-color: #eee;
    background-image: radial-gradient(circle, #bbb 10px, #ddd 10px, #ddd 20px, #999 20px, #999 23px, transparent 23px), linear-gradient(55deg, transparent 40%, rgba(0, 0, 0, 0.1) 50%, transparent 60%), linear-gradient(-80deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 65%), linear-gradient(20deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 65%);
    -webkit-box-shadow: 0 0 0 4px #ccc, -6px -6px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 4px #ccc, -6px -6px 2px rgba(0, 0, 0, 0.2);
}

#cd div:before {
    width: 160px;
    height: 146px;
    left: -12px;
    top: 114px;
    background-color: #eee;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15), transparent 10px), linear-gradient(to top, #eee 60%, transparent 60%), linear-gradient(to left, transparent 35px, #be0974 35px, #be0974 55px, #da6a57 55px, #da6a57 75px, #eebc31 75px, #eebc31 95px, #92a25b 95px, #92a25b 115px, #46a7c0 115px, #46a7c0 135px, transparent 135px);
    -webkit-box-shadow: -2px -1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -2px -1px 2px 0 rgba(0, 0, 0, 0.2)
}

#cd div:after {
    width: 186px;
    height: 154px;
    left: -34px;
    top: 110px;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 14px, rgba(255, 255, 255, 0.4) 14px, rgba(255, 255, 255, 0.4) 16px, rgba(255, 255, 255, 0) 16px), linear-gradient(30deg, rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0.4) 60px, rgba(255, 255, 255, 0) 90px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.2), inset -5px -5px 2px rgba(0, 0, 0, 0.15), inset 3px 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.2), inset -5px -5px 2px rgba(0, 0, 0, 0.15), inset 3px 3px 2px rgba(0, 0, 0, 0.1)
}

#graham-cracker {
    background: #afeeee;
}

#graham-cracker div {
    width: 170px;
    height: 170px;
    margin-left: -85px;
    margin-top: -85px;
    background: linear-gradient(140deg, #d2b48c, #c59f6b);
    border-radius: 4px;
    -webkit-box-shadow: 7px 7px 0 -2px rgba(0, 0, 0, 0.1), inset 5px 5px 4px rgba(255, 255, 255, 0.4), inset -5px -5px 5px rgba(0, 0, 0, 0.17);
    box-shadow: 7px 7px 0 -2px rgba(0, 0, 0, 0.1), inset 5px 5px 4px rgba(255, 255, 255, 0.4), inset -5px -5px 5px rgba(0, 0, 0, 0.17);
}

#graham-cracker div:before {
    height: 170px;
    margin-left: 85px;
    border-right: 2px dashed rgba(255, 255, 255, 0.15);
    border-left: 2px dashed rgba(0, 0, 0, 0.15)
}

#graham-cracker div:after {
    width: 6px;
    height: 6px;
    left: 20px;
    top: 19px;
    background: #88734e;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 2px 3px rgba(255, 255, 255, 0.15), 37px 0 0 #88734e, 37px 3px 2px 3px rgba(255, 255, 255, 0.15), 87px 0 0 #88734e, 87px 3px 2px 3px rgba(255, 255, 255, 0.15), 120px 0 0 #88734e, 120px 3px 2px 3px rgba(255, 255, 255, 0.15), 19px 25px 0 #88734e, 19px 28px 2px 3px rgba(255, 255, 255, 0.15), 104px 25px 0 #88734e, 104px 28px 2px 3px rgba(255, 255, 255, 0.15), 0 50px 0 #88734e, 2px 53px 2px 3px rgba(255, 255, 255, 0.15), 37px 50px 0 #88734e, 37px 53px 2px 3px rgba(255, 255, 255, 0.15), 87px 50px 0 #88734e, 87px 53px 2px 3px rgba(255, 255, 255, 0.15), 120px 50px 0 #88734e, 120px 53px 2px 3px rgba(255, 255, 255, 0.15), 19px 75px 0 #88734e, 19px 78px 2px 3px rgba(255, 255, 255, 0.15), 104px 75px 0 #88734e, 104px 78px 2px 3px rgba(255, 255, 255, 0.15), 0 100px 0 #88734e, 0 103px 2px 3px rgba(255, 255, 255, 0.15), 37px 100px 0 #88734e, 37px 103px 2px 3px rgba(255, 255, 255, 0.15), 87px 100px 0 #88734e, 87px 103px 2px 3px rgba(255, 255, 255, 0.15), 120px 100px 0 #88734e, 120px 103px 2px 3px rgba(255, 255, 255, 0.15), 19px 125px 0 #88734e, 19px 128px 2px 3px rgba(255, 255, 255, 0.15), 104px 125px 0 #88734e, 104px 128px 2px 3px rgba(255, 255, 255, 0.15);
    box-shadow: 0 3px 2px 3px rgba(255, 255, 255, 0.15), 37px 0 0 #88734e, 37px 3px 2px 3px rgba(255, 255, 255, 0.15), 87px 0 0 #88734e, 87px 3px 2px 3px rgba(255, 255, 255, 0.15), 120px 0 0 #88734e, 120px 3px 2px 3px rgba(255, 255, 255, 0.15), 19px 25px 0 #88734e, 19px 28px 2px 3px rgba(255, 255, 255, 0.15), 104px 25px 0 #88734e, 104px 28px 2px 3px rgba(255, 255, 255, 0.15), 0 50px 0 #88734e, 2px 53px 2px 3px rgba(255, 255, 255, 0.15), 37px 50px 0 #88734e, 37px 53px 2px 3px rgba(255, 255, 255, 0.15), 87px 50px 0 #88734e, 87px 53px 2px 3px rgba(255, 255, 255, 0.15), 120px 50px 0 #88734e, 120px 53px 2px 3px rgba(255, 255, 255, 0.15), 19px 75px 0 #88734e, 19px 78px 2px 3px rgba(255, 255, 255, 0.15), 104px 75px 0 #88734e, 104px 78px 2px 3px rgba(255, 255, 255, 0.15), 0 100px 0 #88734e, 0 103px 2px 3px rgba(255, 255, 255, 0.15), 37px 100px 0 #88734e, 37px 103px 2px 3px rgba(255, 255, 255, 0.15), 87px 100px 0 #88734e, 87px 103px 2px 3px rgba(255, 255, 255, 0.15), 120px 100px 0 #88734e, 120px 103px 2px 3px rgba(255, 255, 255, 0.15), 19px 125px 0 #88734e, 19px 128px 2px 3px rgba(255, 255, 255, 0.15), 104px 125px 0 #88734e, 104px 128px 2px 3px rgba(255, 255, 255, 0.15)
}

#marshmallow2 {
    background: #97e9e9;
}

#marshmallow2 div {
    width: 100px;
    height: 120px;
    margin-left: -50px;
    margin-top: -62px;
    background-color: #eee;
    background-image: radial-gradient(circle at 50% -70px, rgba(255, 255, 255, 0.85) 48%, rgba(255, 255, 255, 0) 53%), linear-gradient(-80deg, rgba(0, 0, 0, 0.09), rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 100%);
    border-top-left-radius: 100px 32px;
    border-top-right-radius: 100px 32px;
    border-bottom-left-radius: 100px 40px;
    border-bottom-right-radius: 100px 40px;
    -webkit-box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, 0.07);
    box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, 0.07)
}

#chocolate {
    background: #7ce3e3;
}

#chocolate div {
    width: 150px;
    height: 150px;
    margin-left: -75px;
    margin-top: -80px;
    background: linear-gradient(140deg, #8b4513, #793c11);
    border-radius: 5px;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-right-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 7px 7px 0 -2px rgba(0, 0, 0, 0.1);
    box-shadow: 7px 7px 0 -2px rgba(0, 0, 0, 0.1);
}

#chocolate div:before {
    top: 4px
}

#chocolate div:after {
    bottom: 3px
}

#chocolate div:before, #chocolate div:after {
    width: 133px;
    height: 20px;
    padding: 22px 0 18px;
    left: 4px;
    background: #7d3e11;
    border: 5px solid rgba(255, 255, 255, 0.35);
    border-right-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 14px #8b4513, inset 0 -16px 1px rgba(255, 255, 255, 0.3), inset 17px 17px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 14px #8b4513, inset 0 -16px 1px rgba(255, 255, 255, 0.3), inset 17px 17px 1px rgba(0, 0, 0, 0.25);
    content: 'HERSHEY’S';
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15)
}

.cactus div {
    width: 120px;
    height: 24px;
    margin-left: -60px;
    margin-top: 50px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.cactus div:before {
    left: 50%;
    z-index: 2;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(0, 0, 0, 0.1)), color-stop(25%, rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 50%);
    border: 5px solid #b8860b
}

.cactus div:after {
    left: 50%;
    z-index: 1;
    background: #90ee90;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0.05)), color-stop(46%, rgba(0, 0, 0, 0.05)), color-stop(46%, rgba(0, 0, 0, 0))), radial-gradient(rgba(255, 255, 255, 0.8) 15%, rgba(255, 255, 255, 0) 16%), repeating-linear-gradient(to right, #90ee90, #90ee90 8px, #5ee65e 8px, #5ee65e 16px);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.05) 46%, rgba(0, 0, 0, 0) 46%), radial-gradient(rgba(255, 255, 255, 0.8) 15%, rgba(255, 255, 255, 0) 16%), repeating-linear-gradient(to right, #90ee90, #90ee90 8px, #5ee65e 8px, #5ee65e 16px);
    background-size: auto auto, 15px 15px, auto auto;
    background-position: 0 0, 30px 30px, 0 0;
    border: 5px solid #b8860b
}

#cactus1 {
    background: #f5deb3;
}

#cactus1 div:before {
    width: 100px;
    height: 60px;
    margin-left: -55px;
    top: -56px;
    background-color: #f4a460;
    border-radius: 8px 8px 30px 30px
}

#cactus1 div:after {
    width: 60px;
    height: 90px;
    margin-left: -35px;
    top: -140px;
    border-radius: 44px 44px 0 0
}

#cactus2 {
    background: #f2d399;
}

#cactus2 div:before {
    width: 100px;
    height: 40px;
    margin-left: -55px;
    top: -36px;
    background-color: #d3d3d3;
    border-radius: 8px 8px 50px 50px
}

#cactus2 div:after {
    width: 70px;
    height: 70px;
    margin-left: -40px;
    top: -80px;
    border-radius: 50%;
    -webkit-box-shadow: 0 -45px 0 -33px #ffb6c1, -10px -38px 0 -33px #ffb6c1, 10px -38px 0 -33px #ffb6c1, 0 -45px 0 -28px #b8860b, -10px -38px 0 -28px #b8860b, 10px -38px 0 -28px #b8860b;
    box-shadow: 0 -45px 0 -33px #ffb6c1, -10px -38px 0 -33px #ffb6c1, 10px -38px 0 -33px #ffb6c1, 0 -45px 0 -28px #b8860b, -10px -38px 0 -28px #b8860b, 10px -38px 0 -28px #b8860b
}

#cactus3 {
    background: #eec77f;
}

#cactus3 div:before {
    width: 86px;
    height: 50px;
    margin-left: -48px;
    top: -47px;
    background-color: #eee8aa;
    border-radius: 8px 8px 14px 14px
}

#cactus3 div:after {
    width: 60px;
    height: 75px;
    margin-left: -35px;
    top: -120px;
    border-top-right-radius: 40px 45px;
    border-top-left-radius: 40px 45px;
    border-bottom-right-radius: 40px 50px;
    border-bottom-left-radius: 40px 50px;
    -webkit-box-shadow: 0 -48px 0 -30px #fa8072, 0 -48px 0 -25px #b8860b;
    box-shadow: 0 -48px 0 -30px #fa8072, 0 -48px 0 -25px #b8860b
}

#inner-tube {
    background: #87ceeb;
}

#inner-tube div, #inner-tube div:before, #inner-tube div:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

#inner-tube div {
    margin-left: -116px;
    margin-top: -40px;
    border: 42px solid rgba(0, 0, 0, 0.05);
}

#inner-tube div:before {
    margin-top: -90px;
    border: 42px solid #ff1493;
    border-top-color: #ffffe0;
    border-bottom-color: #ffffe0;
    -webkit-box-shadow: inset -5px 5px 0 rgba(0, 0, 0, 0.15), -5px 5px 0 rgba(0, 0, 0, 0.15), -30px 0 0 2px rgba(255, 255, 255, 0.1), 0 -30px 0 -2px rgba(255, 255, 255, 0.15), 30px 0 0 2px rgba(255, 255, 255, 0.1), 0 30px 0 -2px rgba(255, 255, 255, 0.15), 120px 90px 0 -60px rgba(255, 255, 255, 0.1), 100px 100px 0 -50px rgba(255, 255, 255, 0.1), 110px -90px 0 -60px rgba(255, 255, 255, 0.1), -120px -120px 0 -50px rgba(255, 255, 255, 0.1);
    box-shadow: inset -5px 5px 0 rgba(0, 0, 0, 0.15), -5px 5px 0 rgba(0, 0, 0, 0.15), -30px 0 0 2px rgba(255, 255, 255, 0.1), 0 -30px 0 -2px rgba(255, 255, 255, 0.15), 30px 0 0 2px rgba(255, 255, 255, 0.1), 0 30px 0 -2px rgba(255, 255, 255, 0.15), 120px 90px 0 -60px rgba(255, 255, 255, 0.1), 100px 100px 0 -50px rgba(255, 255, 255, 0.1), 110px -90px 0 -60px rgba(255, 255, 255, 0.1), -120px -120px 0 -50px rgba(255, 255, 255, 0.1)
}

#inner-tube div:after {
    left: 0;
    top: -90px;
    background: radial-gradient(circle, rgba(0, 0, 0, 0) 32px, rgba(0, 0, 0, 0.06) 32px, rgba(0, 0, 0, 0.06) 40px, rgba(0, 0, 0, 0) 40px, rgba(255, 255, 255, 0) 55px, rgba(255, 255, 255, 0.7) 55px, rgba(255, 255, 255, 0.7) 62px, rgba(255, 255, 255, 0) 62px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0.06) 70px);
    border-radius: 50%
}

#popsicle {
    background: #abddf1;
}

#popsicle div {
    width: 90px;
    height: 150px;
    margin-left: -45px;
    margin-top: -110px;
    background: #ff1493;
    border-radius: 40px 40px 9px 9px;
    -webkit-box-shadow: 0 9px 0 white, -5px 13px 0 0 rgba(0, 0, 0, 0.1), inset -10px 5px 0 -4px rgba(255, 255, 255, 0.5), inset 7px -2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 9px 0 white, -5px 13px 0 0 rgba(0, 0, 0, 0.1), inset -10px 5px 0 -4px rgba(255, 255, 255, 0.5), inset 7px -2px 0 rgba(0, 0, 0, 0.05);
}

#popsicle div:before {
    width: 24px;
    height: 60px;
    margin-left: -12px;
    left: 50%;
    bottom: -64px;
    background: #ebbd68;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 12px, rgba(0, 0, 0, 0) 12px);
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: 0 4px 0 #e4a530, -8px 9px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 0 #e4a530, -8px 9px 0 rgba(0, 0, 0, 0.1)
}

#popsicle div:after {
    width: 18px;
    height: 110px;
    left: 20px;
    top: 24px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    -webkit-box-shadow: 30px 0 0 rgba(0, 0, 0, 0.05);
    box-shadow: 30px 0 0 rgba(0, 0, 0, 0.05)
}

#embroidery {
    background: #faf0e6;
    z-index: -3;
}

#embroidery div {
    width: 50px;
    height: 20px;
    margin-left: -25px;
    margin-top: -125px;
    background: linear-gradient(to right, transparent 5px, #cd853f 5px, #f0dac5 15px, #d9a46f 20px, transparent 20px, transparent 25px, #cd853f 25px, #f0dac5 30px, #d9a46f 35px, transparent 35px), linear-gradient(to bottom, transparent 7px, #c96d41 7px, #804224 11px, transparent 11px), radial-gradient(ellipse at bottom center, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 60%);
    border-radius: 50%;
    -webkit-box-shadow: 50px 20px 10px rgba(0, 0, 0, 0.05), 80px 45px 10px rgba(255, 255, 255, 0.4), 90px 70px 4px -9px rgba(0, 0, 0, 0.2), 100px 70px 10px -4px rgba(0, 0, 0, 0.07), 100px 95px 10px rgba(255, 255, 255, 0.4), 97px 120px 10px -7px rgba(0, 0, 0, 0.2), 100px 120px 20px rgba(0, 0, 0, 0.1), 110px 165px 40px rgba(255, 255, 255, 0.8), 60px 200px 18px -2px rgba(0, 0, 0, 0.1), 80px 200px 25px rgba(0, 0, 0, 0.1), 0 230px 20px rgba(0, 0, 0, 0.1), -65px 45px 30px 5px rgba(0, 0, 0, 0.1), -100px 70px 10px -9px rgba(0, 0, 0, 0.2), -97px 70px 20px -4px rgba(0, 0, 0, 0.1), -100px 90px 10px rgba(255, 255, 255, 0.4), -108px 120px 10px -7px rgba(0, 0, 0, 0.15), -120px 120px 25px rgba(0, 0, 0, 0.1), -80px 200px 30px -5px rgba(0, 0, 0, 0.3), -50px 220px 10px rgba(255, 255, 255, 0.4);
    box-shadow: 50px 20px 10px rgba(0, 0, 0, 0.05), 80px 45px 10px rgba(255, 255, 255, 0.4), 90px 70px 4px -9px rgba(0, 0, 0, 0.2), 100px 70px 10px -4px rgba(0, 0, 0, 0.07), 100px 95px 10px rgba(255, 255, 255, 0.4), 97px 120px 10px -7px rgba(0, 0, 0, 0.2), 100px 120px 20px rgba(0, 0, 0, 0.1), 110px 165px 40px rgba(255, 255, 255, 0.8), 60px 200px 18px -2px rgba(0, 0, 0, 0.1), 80px 200px 25px rgba(0, 0, 0, 0.1), 0 230px 20px rgba(0, 0, 0, 0.1), -65px 45px 30px 5px rgba(0, 0, 0, 0.1), -100px 70px 10px -9px rgba(0, 0, 0, 0.2), -97px 70px 20px -4px rgba(0, 0, 0, 0.1), -100px 90px 10px rgba(255, 255, 255, 0.4), -108px 120px 10px -7px rgba(0, 0, 0, 0.15), -120px 120px 25px rgba(0, 0, 0, 0.1), -80px 200px 30px -5px rgba(0, 0, 0, 0.3), -50px 220px 10px rgba(255, 255, 255, 0.4);
}

#embroidery div:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 220px;
    height: 220px;
    margin-left: -110px;
    left: 50%;
    top: 14px;
    background: #fbf4ec;
    border: 6px solid #d7bc98;
    border-radius: 50%;
    -webkit-box-shadow: inset -2px 2px 0 rgba(255, 255, 255, 0.9), inset 2px -2px 5px rgba(0, 0, 0, 0.15), 0 5px 0 1px #be935a, -6px 8px 3px rgba(0, 0, 0, 0.2), -12px 14px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset -2px 2px 0 rgba(255, 255, 255, 0.9), inset 2px -2px 5px rgba(0, 0, 0, 0.15), 0 5px 0 1px #be935a, -6px 8px 3px rgba(0, 0, 0, 0.2), -12px 14px 5px rgba(0, 0, 0, 0.1)
}

#embroidery div:after {
    content: '×';
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #4682b4;
    top: 120px;
    left: -42px;
    text-shadow: 0 8px, 0 16px, 0 24px, 0 32px, 7px -8px, 7px 40px, 14px -8px, 14px 40px, 21px -8px, 21px 40px, 28px 0, 28px 32px, 42px 0, 42px 8px, 42px 40px, 49px -8px, 49px 16px, 49px 32px, 56px -8px, 56px 16px, 56px 40px, 63px -8px, 63px 16px, 63px 40px, 70px 0, 70px 16px, 70px 40px, 77px -8px, 77px 24px, 77px 32px, 91px 0, 91px 8px, 91px 40px, 98px -8px, 98px 16px, 98px 32px, 105px -8px, 105px 16px, 105px 40px, 112px -8px, 112px 16px, 112px 40px, 119px 0, 119px 16px, 119px 40px, 126px -8px, 126px 24px, 126px 32px, 42px -64px #c71585, 42px -56px #c71585, 49px -72px #c71585, 49px -64px #c71585, 49px -56px #c71585, 49px -48px #c71585, 56px -72px #c71585, 56px -64px #c71585, 56px -56px #c71585, 56px -48px #c71585, 56px -40px #c71585, 63px -64px #c71585, 63px -56px #c71585, 63px -48px #c71585, 63px -40px #c71585, 63px -32px #c71585, 70px -72px #c71585, 70px -64px #c71585, 70px -56px #c71585, 70px -48px #c71585, 70px -40px #c71585, 77px -72px #c71585, 77px -64px #c71585, 77px -56px #c71585, 77px -48px #c71585, 84px -64px #c71585, 84px -56px #c71585
}

@media (max-width: 400px) {
    #embroidery div {
        margin-top: -100px
    }
}

#zipper {
    background: #4e6590;
}

#zipper div {
    width: 46px;
    height: 240px;
    margin-left: -23px;
    margin-top: -115px;
    background: rgba(0, 0, 0, 0.06) no-repeat;
    background-image: linear-gradient(to top, transparent 10px, #aaa 10px, #aaa 15px, #ccc 15px, #ccc 30px, transparent 30px), repeating-linear-gradient(to bottom, transparent, transparent 5px, #ddd 5px, #ddd 10px), repeating-linear-gradient(to bottom, #ccc, #ccc 5px, transparent 5px, transparent 10px);
    background-size: 26px 100%, 15px 230px, 15px 230px;
    background-position: 10px 0, 10px 0, 21px 0;
    border-radius: 0 0 5px 5px;
    border: 2px dashed #8fa1c2;
    border-top: none;
}

#zipper div:before {
    width: 40px;
    height: 24px;
    margin-left: -20px;
    left: 50%;
    top: -10px;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, transparent), color-stop(35%, #ddd), color-stop(50%, #ddd), color-stop(50%, #ccc), color-stop(65%, #ccc), color-stop(65%, rgba(0, 0, 0, 0.1)), color-stop(75%, rgba(0, 0, 0, 0.1)), color-stop(75%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #aaa), color-stop(50%, #999));
    background: linear-gradient(to right, transparent 35%, #ddd 35%, #ddd 50%, #ccc 50%, #ccc 65%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0.1) 75%, transparent 75%), linear-gradient(to right, #aaa 50%, #999 50%);
    border-radius: 50px/15px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2)
}

#zipper div:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 70px;
    margin-left: -16px;
    left: 50%;
    top: 8px;
    background: rgba(0, 0, 0, 0.4) no-repeat;
    background-image: linear-gradient(to bottom, transparent 16px, #ccc 16px, #ccc 50px, transparent 50px), linear-gradient(to right, transparent 3px, #ddd 3px, #ddd 9px, #ccc 9px, #ccc 15px, rgba(0, 0, 0, 0.1) 15px, rgba(0, 0, 0, 0.1) 18px, transparent 18px), linear-gradient(to bottom, #ccc 7px, transparent 7px);
    background-size: 100% 100%, 100% 12px;
    border-radius: 2px 2px 4px 4px;
    border: 7px solid #ccc;
    border-top: none;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3)
}

#jeans-pocket {
    background: #5872a3;
}

#jeans-pocket div, #jeans-pocket div:before, #jeans-pocket div:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#jeans-pocket div {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -94px;
    background: #536c99;
    border-bottom-right-radius: 80px 40px;
    border-bottom-left-radius: 80px 40px;
    border: 2px dashed #8fa1c2;
    -webkit-box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0, 0, 0, 0.1), 5px 5px 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0, 0, 0, 0.1), 5px 5px 0 8px rgba(0, 0, 0, 0.2);
}

#jeans-pocket div:before {
    width: 220px;
    height: 100px;
    left: 50%;
    top: -15px;
    margin-left: -110px;
    background: #556e9d no-repeat;
    background-image: linear-gradient(to bottom, #8fa1c2 3px, transparent 3px), linear-gradient(to right, #8fa1c2 3px, rgba(0, 0, 0, 0.3) 3px, rgba(0, 0, 0, 0.3) 6px, #8fa1c2 6px, #8fa1c2 9px, transparent 9px);
    background-size: 9px 3px, 9px 40px;
    background-position: center 35%, center 60%;
    border-radius: 5px 5px 50% 50%;
    border: 2px dashed #8fa1c2;
    -webkit-box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0, 0, 0, 0.1), 0 8px 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0, 0, 0, 0.1), 0 8px 0 8px rgba(0, 0, 0, 0.2)
}

#jeans-pocket div:after {
    width: 34px;
    height: 34px;
    left: 50%;
    top: 36px;
    margin-left: -17px;
    background: #b68c70;
    background-image: radial-gradient(circle, #a88b51 2px, rgba(0, 0, 0, 0.3) 2px, rgba(0, 0, 0, 0.3) 5px, #b79c59 5px, #b79c59 8px, rgba(0, 0, 0, 0.4) 8px);
    border-radius: 50%;
    border: 3px solid #948042;
    border-top-color: #dbc178;
    -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.15)
}

#ecto-1 {
    background: #ccc;
}

#ecto-1 div {
    width: 250px;
    height: 130px;
    margin-left: -128px;
    margin-top: -68px;
    background-color: #feb81c;
    background-image: linear-gradient(210deg, #feb81c, #ff991d);
    border-radius: 5px;
    border: 3px solid #191970;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2), 0 -3px 0 rgba(255, 255, 255, 0.6), 0 0 0 6px #feb81c, 0 5px 0 6px rgba(0, 0, 0, 0.13), inset 2px 0 #ff991d, inset -2px 0 #feb81c, inset 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2), 0 -3px 0 rgba(255, 255, 255, 0.6), 0 0 0 6px #feb81c, 0 5px 0 6px rgba(0, 0, 0, 0.13), inset 2px 0 #ff991d, inset -2px 0 #feb81c, inset 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(255, 255, 255, 0.5);
}

#ecto-1 div:before, #ecto-1 div:after {
    width: 250px;
    text-align: center;
    font-family: 'HelveticaNeue-CondensedBold', 'Arial Narrow', 'Trebuchet MS', Impact, 'Roboto', sans-serif;
    font-weight: bold;
    color: #191970
}

#ecto-1 div:before {
    padding-top: 20px;
    height: 110px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(50%, #191970)), -webkit-gradient(linear, left top, right top, from(#191970), to(#191970));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 50%, #191970 50%), linear-gradient(to right, #191970, #191970);
    background-repeat: no-repeat;
    background-size: 50px 6px, 3px 34px;
    background-position: 100% 90px, 200px 100%;
    content: 'ECTO-1';
    font-size: 68px;
    line-height: 68px;
    text-shadow: 0 -2px 0 rgba(255, 255, 255, 0.7), 0 3px 0 rgba(0, 0, 0, 0.15)
}

#ecto-1 div:after {
    padding-top: 90px;
    height: 40px;
    background-image: radial-gradient(circle at 15px 14px, #999 5px, rgba(0, 0, 0, 0) 5px), radial-gradient(circle at 55px 118px, #888 5px, rgba(0, 0, 0, 0) 5px), radial-gradient(circle at 235px 14px, #999 5px, rgba(0, 0, 0, 0) 5px), radial-gradient(circle at 192px 118px, #888 5px, rgba(0, 0, 0, 0) 5px);
    content: 'NEW YORK';
    font-size: 20px;
    text-shadow: 0 -2px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(0, 0, 0, 0.15);
    letter-spacing: 3px
}

#stay-puft {
    background: #bbb;
}

#stay-puft div {
    width: 170px;
    height: 50px;
    margin-left: -85px;
    margin-top: 20px;
    background-color: #000080;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.3)), color-stop(30%, rgba(255, 255, 255, 0.3)), color-stop(40%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 40%);
    border-bottom-right-radius: 60px 20px;
    border-bottom-left-radius: 60px 20px;
    -webkit-box-shadow: inset -60px 20px 10px rgba(0, 0, 0, 0.3), 0 7px 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset -60px 20px 10px rgba(0, 0, 0, 0.3), 0 7px 5px rgba(0, 0, 0, 0.15);
}

#stay-puft div:before {
    width: 230px;
    height: 90px;
    left: 50%;
    margin-left: -115px;
    top: -75px;
    background: white;
    background-image: radial-gradient(ellipse at 49% 10px, rgba(255, 255, 255, 0.3) 5px, rgba(255, 255, 255, 0) 12px), radial-gradient(ellipse at 50% 15px, #000080 15px, transparent 15px), radial-gradient(ellipse at 52% 18px, rgba(0, 0, 0, 0.2) 12px, transparent 18px);
    border-top-left-radius: 100px 50px;
    border-top-right-radius: 100px 50px;
    border-bottom-left-radius: 70px 40px;
    border-bottom-right-radius: 70px 40px;
    -webkit-box-shadow: inset -35px -10px 10px rgba(0, 0, 0, 0.07);
    box-shadow: inset -35px -10px 10px rgba(0, 0, 0, 0.07)
}

#stay-puft div:after {
    height: 25px;
    left: 56px;
    top: -60px;
    border-left: 9px solid #dc143c;
    border-right: 9px solid #b13;
    border-bottom: 9px solid transparent;
    border-top: 3px solid #000080;
    -webkit-box-shadow: 8px -5px 3px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 8px -5px 3px -5px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

#alamo {
    background: #daa520;
}

#alamo div {
    width: 350px;
    height: 250px;
    margin-left: -175px;
    margin-top: -125px;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffe4c4), color-stop(50%, #d2b48c)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ffe4c4), color-stop(50%, #d2b48c)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ffe4c4), color-stop(50%, #d2b48c)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ffe4c4), color-stop(50%, #d2b48c)), radial-gradient(ellipse at top left, transparent 40px, #ffe4c4 40px), radial-gradient(ellipse at top right, transparent 40px, #d2b48c 40px), radial-gradient(ellipse at top left, transparent 40px, #fffaf0 40px), radial-gradient(ellipse at top right, transparent 40px, #fffaf0 40px), -webkit-gradient(linear, left top, right top, from(#fffaf0), to(#fffaf0)), -webkit-gradient(linear, left top, right top, from(#fffaf0), to(#fffaf0)), -webkit-gradient(linear, left top, right top, from(#fffaf0), to(#fffaf0)), -webkit-gradient(linear, left top, right top, from(#fffaf0), to(#fffaf0)), radial-gradient(circle, #fffaf0 35px, transparent 35px);
    background-image: linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), radial-gradient(ellipse at top left, transparent 40px, #ffe4c4 40px), radial-gradient(ellipse at top right, transparent 40px, #d2b48c 40px), radial-gradient(ellipse at top left, transparent 40px, #fffaf0 40px), radial-gradient(ellipse at top right, transparent 40px, #fffaf0 40px), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), radial-gradient(circle, #fffaf0 35px, transparent 35px);
    background-size: 330px 120px, 220px 18px, 180px 10px, 90px 50px, 120px 75px, 120px 75px, 120px 75px, 120px 75px, 340px 130px, 230px 28px, 190px 20px, 100px 60px, 100px 100px;
    background-position: 10px 100px, 65px 85px, 85px 76px, 130px 50px, 92px 52px, 138px 52px, 88px 48px, 142px 48px, 5px 95px, 60px 80px, 80px 71px, 125px 45px, 125px 3px;
}

#alamo div:before {
    width: 60px;
    height: 80px;
    margin-left: -30px;
    left: 50%;
    top: 23px;
    border-radius: 30px 30px 0 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffe4c4), color-stop(50%, #d2b48c));
    background: linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%);
    -webkit-box-shadow: 2px 128px 0 -11px rgba(205, 133, 63, 0.3), 0 126px 0 -9px rgba(63, 22, 16, 0.6), -58px 55px 0 -26px #ffdeb6, -60px 53px 0 -24px #d2b48c, -60px 52px 0 -19px rgba(255, 255, 255, 0.4), -58px 116px 0 -26px #ffdeb6, -60px 114px 0 -24px #d2b48c, -60px 113px 0 -19px rgba(255, 255, 255, 0.4), 62px 55px 0 -26px #cfaf84, 60px 53px 0 -24px #c39b66, 60px 52px 0 -19px rgba(255, 255, 255, 0.2), 62px 116px 0 -26px #cfaf84, 60px 114px 0 -24px #c39b66, 60px 113px 0 -19px rgba(255, 255, 255, 0.2);
    box-shadow: 2px 128px 0 -11px rgba(205, 133, 63, 0.3), 0 126px 0 -9px rgba(63, 22, 16, 0.6), -58px 55px 0 -26px #ffdeb6, -60px 53px 0 -24px #d2b48c, -60px 52px 0 -19px rgba(255, 255, 255, 0.4), -58px 116px 0 -26px #ffdeb6, -60px 114px 0 -24px #d2b48c, -60px 113px 0 -19px rgba(255, 255, 255, 0.4), 62px 55px 0 -26px #cfaf84, 60px 53px 0 -24px #c39b66, 60px 52px 0 -19px rgba(255, 255, 255, 0.2), 62px 116px 0 -26px #cfaf84, 60px 114px 0 -24px #c39b66, 60px 113px 0 -19px rgba(255, 255, 255, 0.2)
}

#alamo div:after {
    width: 330px;
    height: 120px;
    top: 100px;
    left: 10px;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0.5)), color-stop(60%, rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0.5)), color-stop(60%, rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0.3)), color-stop(60%, rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.12))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.12))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.12))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.12))), -webkit-gradient(linear, left top, right top, from(rgba(63, 22, 16, 0.6)), to(rgba(63, 22, 16, 0.6))), -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.2))), -webkit-gradient(linear, left top, right top, from(rgba(63, 22, 16, 0.6)), to(rgba(63, 22, 16, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(63, 22, 16, 0.6)), to(rgba(63, 22, 16, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(63, 22, 16, 0.7)), to(rgba(63, 22, 16, 0.7))), -webkit-gradient(linear, left top, right top, from(rgba(63, 22, 16, 0.7)), to(rgba(63, 22, 16, 0.7)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 60%, rgba(0, 0, 0, 0.1) 60%), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 60%, rgba(0, 0, 0, 0.15) 60%), linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 60%, rgba(0, 0, 0, 0.15) 60%), linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), linear-gradient(to right, rgba(63, 22, 16, 0.6), rgba(63, 22, 16, 0.6)), linear-gradient(to right, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 50%), linear-gradient(to right, rgba(63, 22, 16, 0.6), rgba(63, 22, 16, 0.6)), linear-gradient(to right, rgba(63, 22, 16, 0.6), rgba(63, 22, 16, 0.6)), linear-gradient(to right, rgba(63, 22, 16, 0.7), rgba(63, 22, 16, 0.7)), linear-gradient(to right, rgba(63, 22, 16, 0.7), rgba(63, 22, 16, 0.7));
    background-size: 190px 5px, 190px 2px, 144px 5px, 144px 5px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 22px 30px, 32px 38px, 15px 25px, 15px 20px, 15px 25px, 15px 20px;
    background-position: 70px 40px, 70px 50px, 0 101px, 186px 101px, 74px 40px, 82px 43px, 71px 100px, 85px 103px, 125px 40px, 133px 43px, 122px 100px, 136px 103px, 195px 40px, 203px 43px, 192px 100px, 206px 103px, 245px 40px, 253px 43px, 241px 100px, 255px 103px, 154px 4px, 149px 0, 25px 15px, 25px 65px, 292px 15px, 292px 65px
}

.raffle div {
    width: 220px;
    height: 110px;
    margin-left: -110px;
    margin-top: -55px;
    background-repeat: no-repeat;
}

.raffle div:before, .raffle div:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.raffle div:before {
    font-family: 'HelveticaNeue-CondensedBold', 'Arial Narrow', Impact, 'Roboto', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase
}

.raffle div:after {
    border-radius: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 14px;
    font-family: monospace;
    text-align: center;
    line-height: 1
}

#raffle-red {
    background: #d8bfd8;
}

#raffle-red div {
    background-image: radial-gradient(circle at top left, transparent 17px, #dc143c 17px), radial-gradient(circle at top right, transparent 17px, #dc143c 17px), radial-gradient(circle at bottom left, transparent 17px, #dc143c 17px), radial-gradient(circle at bottom right, transparent 17px, #dc143c 17px);
    -webkit-box-shadow: 0 38px 14px -35px rgba(0, 0, 0, 0.3);
    box-shadow: 0 38px 14px -35px rgba(0, 0, 0, 0.3);
    background-size: 50% 50%;
    background-position: top left, top right, bottom left, bottom right;
}

#raffle-red div:before {
    content: 'ticket';
    width: 234px;
    height: 76px;
    padding-left: 40px;
    left: -7px;
    top: 17px;
    background-size: 7px 7px;
    background-repeat: repeat-y;
    background-position: 0 0, 0 0, 100% 0, 100% 0;
    background-image: linear-gradient(45deg, transparent 75%, #dc143c 75%), linear-gradient(135deg, transparent 75%, #dc143c 75%), linear-gradient(-45deg, transparent 75%, #dc143c 75%), linear-gradient(-135deg, transparent 75%, #dc143c 75%);
    line-height: 1.9;
    font-size: 42px;
    text-align: left
}

#raffle-red div:after {
    content: 'DC143C';
    width: 75px;
    height: 185px;
    padding-top: 162px;
    top: -37px;
    left: 72px;
    background: linear-gradient(to bottom, transparent 155px, #fa8072 155px, #fa8072 158px, transparent 158px);
    border: 3px solid #fa8072
}

#raffle-yellow {
    background: #faf0e6;
}

#raffle-yellow div {
    background-image: radial-gradient(circle at top left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at top right, transparent 17px, #ecdf6a 17px), radial-gradient(circle at center left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at center right, transparent 17px, #ecdf6a 17px), radial-gradient(circle at bottom left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at bottom right, transparent 17px, #ecdf6a 17px);
    background-size: 50% 33.7%;
    background-position: top left, top right, center left, center right, bottom left, bottom right;
    -webkit-box-shadow: 0 38px 14px -35px rgba(0, 0, 0, 0.2);
    box-shadow: 0 38px 14px -35px rgba(0, 0, 0, 0.2);
}

#raffle-yellow div:before {
    content: 'keep this coupon';
    width: 140px;
    height: 76px;
    padding-top: 18px;
    left: 30px;
    top: 17px;
    line-height: 1;
    font-size: 22px;
    text-align: center
}

#raffle-yellow div:after {
    content: 'F0E68C';
    width: 75px;
    height: 160px;
    padding-top: 136px;
    top: -25px;
    left: 73px;
    background: linear-gradient(to bottom, transparent 130px, #fa8072 130px, #fa8072 133px, transparent 133px);
    border: 3px solid #fa8072
}

#triforce {
    background: #111;
}

#triforce div {
    margin-left: -60px;
    margin-top: -118px;
}

#triforce div:before, #triforce div:after {
    top: 110px
}

#triforce div:before {
    left: -60px
}

#triforce div:after {
    left: 60px
}

#triforce div, #triforce div:before, #triforce div:after {
    width: 120px;
    height: 110px;
    background-image: linear-gradient(150deg, transparent 18%, #563804 18%), linear-gradient(-150deg, transparent 18%, #563804 18%), linear-gradient(119deg, transparent 50%, #ffe39a 50%, #ffe39a 57%, transparent 57%), linear-gradient(-119deg, transparent 50%, #ca8600 50%, #ca8600 57%, transparent 57%), linear-gradient(-62deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.6) 62%, rgba(255, 255, 255, 0) 68%), linear-gradient(119deg, transparent 50%, #f9a500 50%), linear-gradient(-119deg, transparent 50%, #f9a500 50%);
    background-repeat: no-repeat;
    background-size: 50% 7%, 50% 7%, 50% 100%, 50% 100%, 100% 65%, 50% 100%, 50% 100%;
    background-position: bottom left, bottom right, top left, top right, bottom left, top left, top right
}

#panda-cub {
    background: #48d1cc;
}

#panda-cub div {
    width: 210px;
    height: 160px;
    margin-left: -110px;
    margin-top: -80px;
    background-color: white;
    background-image: radial-gradient(ellipse at 50% 60%, #333 12px, transparent 12px), radial-gradient(ellipse at 50% 80%, #555 6px, transparent 6px);
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom-left-radius: 110px 60px;
    border-bottom-right-radius: 110px 60px;
    border: 5px solid #333;
    border-bottom-width: 10px;
    -webkit-box-shadow: inset 10px -10px 0 #eee;
    box-shadow: inset 10px -10px 0 #eee;
}

#panda-cub div:before {
    width: 70px;
    height: 40px;
    left: 29px;
    top: 55px;
    background-color: #333;
    background-image: radial-gradient(circle at 51px 20px, white 3px, transparent 3px), radial-gradient(circle at 46px 20px, #333 7px, transparent 7px), radial-gradient(circle at 45px 20px, white 10px, transparent 10px);
    border-radius: 50% 50% 45% 42%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 10px -72px 0 -4px #333;
    box-shadow: 10px -72px 0 -4px #333
}

#panda-cub div:after {
    width: 70px;
    height: 40px;
    left: 111px;
    top: 55px;
    background-color: #333;
    background-image: radial-gradient(circle at 24px 15px, white 3px, transparent 3px), radial-gradient(circle at 24px 20px, #333 7px, transparent 7px), radial-gradient(circle at 25px 20px, white 10px, transparent 10px);
    border-radius: 50% 50% 42% 45%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -10px -72px 0 -4px #333;
    box-shadow: -10px -72px 0 -4px #333
}

#elephant {
    background: #9370db;
}

#elephant div {
    width: 180px;
    height: 150px;
    margin-left: -82px;
    margin-top: -75px;
    background-color: #b0c4de;
    background-image: -webkit-gradient(linear, left top, right top, from(#191970), to(#191970)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(to right, #191970, #191970), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-repeat: no-repeat;
    background-size: 80px 5px, 96px 13px;
    background-position: 60px 100%, 52px 100%;
    border-radius: 100px 100px 8px 8px;
    border: 8px solid #191970;
    -webkit-box-shadow: inset -8px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset -8px 8px 0 rgba(0, 0, 0, 0.1);
}

#elephant div:before {
    width: 70px;
    height: 150px;
    margin-left: -40px;
    margin-top: -8px;
    background-color: #b0c4de;
    background-image: linear-gradient(to right, #b0c4de 8px, #191970 8px, #191970 16px, rgba(0, 0, 0, 0.1) 16px), linear-gradient(45deg, transparent 35px, #191970 35px, #191970 43px, transparent 43px), linear-gradient(to top, transparent 30px, #191970 30px, #191970 38px, transparent 38px, transparent 46px, #191970 46px, #191970 54px, transparent 54px), radial-gradient(circle at 35px 45px, #191970 6px, transparent 6px);
    background-repeat: no-repeat;
    background-size: 24px 30px, 50px 30px, 10px 100%, 100% 100%;
    background-position: 33px 97px, 90% 120px, 0 0, 0 0;
    border: 8px solid #191970;
    border-radius: 50px 30px 50px 30px;
    border-right-color: transparent;
    -webkit-box-shadow: inset 8px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 8px 8px 0 rgba(0, 0, 0, 0.1)
}

#elephant div:after {
    width: 70px;
    height: 90px;
    margin-top: -8px;
    margin-left: 4px;
    background-image: linear-gradient(to top, #191970 8px, transparent 8px), linear-gradient(70deg, transparent 40px, #b0c4de 40px);
    background-repeat: no-repeat;
    background-size: 60% 100%, 100% 100%;
    background-position: 100% 0, 0 0;
    border-radius: 50px 50px 5px 0;
    border: 8px solid #191970;
    border-left-color: transparent;
    border-bottom: none;
    -webkit-box-shadow: 8px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 8px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

#beaver {
    background: #afeeee;
}

#beaver div {
    width: 80px;
    height: 150px;
    margin-left: 10px;
    margin-top: -50px;
    background-color: #8b4513;
    background-image: repeating-linear-gradient(75deg, transparent, transparent 10px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.2) 12px), repeating-linear-gradient(-15deg, transparent, transparent 10px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.2) 12px);
    border-radius: 40px;
    border-bottom-left-radius: 40px 100px;
    border-bottom-right-radius: 40px 100px;
    -webkit-box-shadow: inset -15px -5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset -15px -5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#beaver div:before {
    width: 120px;
    height: 200px;
    margin-left: -95px;
    margin-top: 10px;
    background-image: radial-gradient(ellipse at center 100%, #d79d65 30px, transparent 30px), linear-gradient(70deg, transparent 20%, white 20%), linear-gradient(-70deg, transparent 20%, white 20%), radial-gradient(circle at center 20px, #cd853f 80px, transparent 80px), radial-gradient(ellipse at center 100%, #cd853f 50px, transparent 50px), radial-gradient(ellipse at 35px 180px, #bb7531 35px, transparent 35px), radial-gradient(ellipse at 85px 180px, #bb7531 35px, transparent 35px);
    background-repeat: no-repeat;
    background-size: 100% 100%, 10px 15px, 10px 15px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
    background-position: 0 0, 48px 70px, 59px 70px, 0 0, 0 0, 0 0, 0 0;
    border-top-left-radius: 60px 80px;
    border-top-right-radius: 60px 80px;
    border-bottom-left-radius: 60px 20px;
    border-bottom-right-radius: 60px 20px;
    -webkit-box-shadow: 0 5px 0 -1px rgba(0, 0, 0, 0.15), 0 60px 5px -6px rgba(0, 0, 0, 0.03);
    box-shadow: 0 5px 0 -1px rgba(0, 0, 0, 0.15), 0 60px 5px -6px rgba(0, 0, 0, 0.03);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#beaver div:after {
    width: 24px;
    height: 24px;
    margin-left: -130px;
    margin-top: 80px;
    background-color: #cd853f;
    border-radius: 50%;
    -webkit-box-shadow: 65px -65px 0 #cd853f, 28px -15px 0 -9px #222, 47px -34px 0 -9px #222, 49px -13px 0 -5px #222, 45px 0 0 3px #d79d65, 62px -17px 0 3px #d79d65;
    box-shadow: 65px -65px 0 #cd853f, 28px -15px 0 -9px #222, 47px -34px 0 -9px #222, 49px -13px 0 -5px #222, 45px 0 0 3px #d79d65, 62px -17px 0 3px #d79d65
}

#tiger {
    background: #899d4e;
}

#tiger div {
    width: 200px;
    height: 150px;
    margin-left: -100px;
    margin-top: -75px;
    background-color: #ff8c00;
    background-image: linear-gradient(100deg, transparent 42%, #ff4500 42%), linear-gradient(-100deg, transparent 42%, #ff4500 42%), linear-gradient(15deg, transparent 45%, #ff8c00 45%), linear-gradient(-15deg, transparent 45%, #ff8c00 45%), radial-gradient(circle at 65px 65px, white 3px, transparent 3px), radial-gradient(circle at 62px 68px, black 5px, transparent 5px), radial-gradient(circle at 62px 68px, #ffd700 11px, transparent 11px), radial-gradient(ellipse at 60px 70px, black 26px, transparent 26px), radial-gradient(circle at 140px 65px, white 3px, transparent 3px), radial-gradient(circle at 137px 68px, black 5px, transparent 5px), radial-gradient(circle at 137px 68px, #ffd700 11px, transparent 11px), radial-gradient(ellipse at 139px 70px, black 26px, transparent 26px), radial-gradient(circle at center 65px, transparent 66%, #fdf5e6 66%), radial-gradient(ellipse at center 90px, #ff8c00 52%, transparent 52%), radial-gradient(ellipse at center 40px, transparent 63%, black 63%), radial-gradient(ellipse at center 5px, black 7px, transparent 7px), radial-gradient(ellipse at 75px 2px, black 6px, transparent 6px), radial-gradient(ellipse at 125px 2px, black 6px, transparent 6px);
    background-repeat: no-repeat;
    background-size: 15px 68px, 15px 68px, 60px 20px, 60px 20px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100%;
    background-position: 85px 30px, 100px 30px, 40px 50px, 102px 50px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    border-top-left-radius: 80px 100px;
    border-top-right-radius: 80px 100px;
    border-bottom-left-radius: 100px 40px;
    border-bottom-right-radius: 100px 40px;
}

#tiger div:before {
    width: 60px;
    height: 45px;
    left: 50%;
    bottom: 10px;
    margin-left: -55px;
    background-color: #f5deb3;
    border-radius: 50%;
    -webkit-box-shadow: 50px 0 0 #f5deb3, 25px 15px 0 -16px black, 25px 20px 0 -3px #eec67b;
    box-shadow: 50px 0 0 #f5deb3, 25px 15px 0 -16px black, 25px 20px 0 -3px #eec67b
}

#tiger div:after {
    width: 30px;
    height: 12px;
    left: 50%;
    bottom: 42px;
    margin-left: -15px;
    background-color: black;
    border-radius: 2px 2px 10px 10px;
    -webkit-box-shadow: -85px -75px 0 -2px rgba(0, 0, 0, 0.3), -81px -80px 0 10px #ff8c00, 84px -75px 0 -2px rgba(0, 0, 0, 0.3), 80px -80px 0 10px #ff8c00, -48px 8px 0 -5px white, -50px 18px 0 -5px white, 48px 8px 0 -5px white, 50px 18px 0 -5px white;
    box-shadow: -85px -75px 0 -2px rgba(0, 0, 0, 0.3), -81px -80px 0 10px #ff8c00, 84px -75px 0 -2px rgba(0, 0, 0, 0.3), 80px -80px 0 10px #ff8c00, -48px 8px 0 -5px white, -50px 18px 0 -5px white, 48px 8px 0 -5px white, 50px 18px 0 -5px white
}

#nibbler {
    background: #b22222;
}

#nibbler div {
    width: 180px;
    height: 240px;
    margin-left: -90px;
    margin-top: -125px;
    background-image: linear-gradient(to top, #eee8aa 40px, transparent 40px), radial-gradient(black 70%, transparent 70%), radial-gradient(black 70%, transparent 70%);
    background-repeat: no-repeat;
    background-size: 100% 100%, 100% 164px, 48px 30px;
    background-position: 0 0, 0 74px, center 65px;
    border-bottom-left-radius: 90px 88px;
    border-bottom-right-radius: 100px 85px;
    -webkit-box-shadow: 0 7px 0 -3px black;
    box-shadow: 0 7px 0 -3px black;
}

#nibbler div:before {
    width: 170px;
    height: 42px;
    margin-left: -81px;
    left: 50%;
    bottom: 32px;
    background: #eee8aa;
    border-top-left-radius: 100px 40px;
    border-top-right-radius: 100px 40px;
    border-bottom-left-radius: 20px 10px;
    border-bottom-right-radius: 100px 10px;
    -webkit-box-shadow: inset 0 3px 0 black, inset 3px 0 0 black, inset 22px 0 0 #eee8aa, inset -3px -3px 0 black;
    box-shadow: inset 0 3px 0 black, inset 3px 0 0 black, inset 22px 0 0 #eee8aa, inset -3px -3px 0 black
}

#nibbler div:after {
    width: 230px;
    height: 280px;
    margin-left: -115px;
    left: 50%;
    margin-top: -15px;
    background-image: radial-gradient(circle at 57px 142px, black 7px, transparent 7px), radial-gradient(circle at 43px 156px, white 33px, black 33px, black 35px, transparent 35px), radial-gradient(circle at 201px 140px, black 7px, transparent 7px), radial-gradient(circle at 186px 154px, white 33px, black 33px, black 35px, transparent 35px), radial-gradient(black 70%, transparent 70%), radial-gradient(#808080 70%, transparent 70%), radial-gradient(black 70%, transparent 70%), radial-gradient(#808080 70%, transparent 70%), radial-gradient(circle at 53% 18px, black 6px, transparent 6px), radial-gradient(circle at center 24px, white 20px, black 20px, black 23px, transparent 23px), linear-gradient(87deg, transparent 35%, black 35%, black 65%, transparent 65%), radial-gradient(black 65%, transparent 65%), radial-gradient(#eee8aa 65%, transparent 65%), radial-gradient(#eee8aa 65%, transparent 65%), radial-gradient(black 65%, transparent 65%), radial-gradient(circle at 50px 215px, #eee8aa 10px, transparent 10px), linear-gradient(75deg, transparent 45%, white 45%), linear-gradient(-75deg, transparent 45%, white 45%), linear-gradient(75deg, transparent 45%, black 45%), linear-gradient(-75deg, transparent 45%, black 45%), linear-gradient(75deg, transparent 45%, white 45%), linear-gradient(-75deg, transparent 45%, white 45%), linear-gradient(75deg, transparent 45%, black 45%), linear-gradient(-75deg, transparent 45%, black 45%);
    background-repeat: no-repeat;
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 60px 30px, 28px 20px, 60px 30px, 28px 20px, 100% 100%, 100% 100%, 40px 50px, 36px 15px, 64px 25px, 44px 15px, 68px 27px, 100% 100%, 10px 32px, 10px 32px, 15px 35px, 15px 35px, 10px 34px, 10px 34px, 15px 37px, 15px 37px;
    background-position: 0 0, 0 0, 0 0, 0 0, 15px 110px, 44px 111px, 150px 105px, 153px 106px, 0 0, 0 0, 96px 40px, center 175px, center 169px, center 186px, center 169px, 0 0, 74px 223px, 84px 223px, 70px 223px, 84px 223px, 155px 221px, 165px 221px, 151px 220px, 165px 220px
}

#clock {
    background: #dcdcdc;
}

#clock div {
    width: 150px;
    height: 150px;
    margin-left: -75px;
    margin-top: -75px;
    border-radius: 50%;
    background-color: white;
    background-image: radial-gradient(circle at center, #708090 8px, transparent 8px), radial-gradient(circle at center 53%, rgba(0, 0, 0, 0.2) 8px, transparent 8px), radial-gradient(circle at center, white 47%, transparent 47%, transparent 57%, white 57%), linear-gradient(to right, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(to bottom, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(60deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(30deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(-60deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(-30deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%);
    border: 10px solid white;
    -webkit-box-shadow: 0 0 0 2px #708090, inset 0 4px 2px 4px rgba(0, 0, 0, 0.1), 0 3px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 2px #708090, inset 0 4px 2px 4px rgba(0, 0, 0, 0.1), 0 3px 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#clock div:before {
    width: 48px;
    height: 6px;
    left: 46%;
    top: 48%;
    background-color: #4e5a65;
    border-radius: 4px;
    -webkit-box-shadow: -2px 6px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 6px 3px rgba(0, 0, 0, 0.1)
}

#clock div:after {
    width: 30px;
    height: 7px;
    top: 42%;
    left: 30%;
    background-color: #4e5a65;
    border-radius: 4px;
    -webkit-box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg)
}

#supplies {
    background: #cfcfcf;
}

#supplies div {
    width: 80px;
    height: 100px;
    margin-left: -100px;
    margin-top: -24px;
    background-color: white;
    background-image: radial-gradient(circle at 10px 15px, #708090 4px, transparent 4px), radial-gradient(circle at 10px 50px, #708090 4px, transparent 4px), radial-gradient(circle at 10px 85px, #708090 4px, transparent 4px), linear-gradient(to right, #afeeee 22px, white 22px, white 35px, transparent 35px, transparent 65px, white 65px), linear-gradient(to bottom, transparent 20px, #d3d3d3 20px, #d3d3d3 22px, transparent 22px, transparent 28px, #d3d3d3 28px, #d3d3d3 30px, transparent 30px, transparent 36px, #d3d3d3 36px, #d3d3d3 38px, transparent 38px);
    border-radius: 3px;
    border: 2px solid #708090;
    -webkit-box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 7px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 7px 2px rgba(0, 0, 0, 0.2);
}

#supplies div:before {
    width: 117px;
    height: 18px;
    margin-top: -50px;
    margin-left: 20px;
    background-color: #f5deb3;
    background-image: repeating-linear-gradient(to right, transparent, transparent 5px, #708090 5px, #708090 7px, transparent 7px);
    background-size: 100% 50%;
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 2px solid #708090;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2)
}

#supplies div:after {
    width: 110px;
    height: 90px;
    margin-left: 100px;
    margin-top: -10px;
    background-color: white;
    background-image: radial-gradient(circle at 30px 8px, #708090 3px, transparent 3px), radial-gradient(circle at 81px 8px, #708090 3px, transparent 3px), linear-gradient(to bottom, #fa8072, #fa8072 18px, #d3d3d3 18px, #d3d3d3 20px, transparent 20px, transparent 36px, #d3d3d3 36px, #d3d3d3 38px, transparent 38px, transparent 54px, #d3d3d3 54px, #d3d3d3 56px, transparent 56px, transparent 72px, #d3d3d3 72px, #d3d3d3 74px, transparent 74px), repeating-linear-gradient(to right, transparent, transparent 14px, #d3d3d3 14px, #d3d3d3 16px, transparent 16px);
    border-radius: 3px;
    border: 2px solid #708090;
    -webkit-box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 8px 0 -2px #d3d3d3, 0 8px 0 #708090, 0 11px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 8px 0 -2px #d3d3d3, 0 8px 0 #708090, 0 11px 2px rgba(0, 0, 0, 0.2)
}

#pencil-cup {
    background: #c3c3c3;
}

#pencil-cup div {
    width: 68px;
    height: 100px;
    margin-left: -34px;
    margin-top: -70px;
    background-image: repeating-linear-gradient(to right, transparent, transparent 8px, #708090 8px, #708090 10px), linear-gradient(to bottom, #ffc0cb 10px, #c0c0c0 10px, #c0c0c0 16px, transparent 16px), linear-gradient(to right, #fffacd 20px, #eee8aa 20px, #eee8aa 30px, #fffacd 30px, #fffacd 50px, #eee8aa 50px);
    border-radius: 3px;
    border: 2px solid #708090;
}

#pencil-cup div:before {
    content: 'PENCILS';
    width: 78px;
    height: 70px;
    margin-left: -7px;
    margin-top: 50px;
    padding-top: 20px;
    z-index: 2;
    background-color: white;
    border-radius: 3px 3px 10px 10px;
    border: 2px solid #708090;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2), inset 0 -7px 2px rgba(0, 0, 0, 0.1), inset -20px 0 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2), inset 0 -7px 2px rgba(0, 0, 0, 0.1), inset -20px 0 2px rgba(0, 0, 0, 0.05);
    font-family: Helvetica, Arial;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #d3d3d3
}

#pencil-cup div:after {
    width: 8px;
    height: 100px;
    margin-left: 34px;
    margin-top: -7px;
    background-image: linear-gradient(to bottom, #ffc0cb 10px, #c0c0c0 10px, #c0c0c0 16px, #eee8aa 16px);
    border-radius: 3px;
    border: 2px solid #708090;
    -webkit-box-shadow: 3px 6px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 6px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
}

#hamburger {
    background: #f2f2d0;
}

#hamburger div {
    width: 100px;
    height: 34px;
    margin-left: -53px;
    margin-top: -50px;
    border-radius: 50px 50px 10px 10px;
    background-color: #d2b48c;
    background-image: radial-gradient(#f5deb3 15%, transparent 16%), radial-gradient(#f5deb3 15%, transparent 16%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    border: 3px solid #b28446;
}

#hamburger div:before {
    width: 100px;
    height: 15px;
    margin-left: -3px;
    top: 73px;
    border-radius: 8px;
    background-color: #d2b48c;
    border: 3px solid #b28446;
    -webkit-box-shadow: 0 -18px 0 -2px #8b4513, 0 -36px 0 -2px #8b4513;
    box-shadow: 0 -18px 0 -2px #8b4513, 0 -36px 0 -2px #8b4513
}

#hamburger div:after {
    width: 120px;
    height: 100px;
    margin-left: -10px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#ffdf33, #ffdf33), linear-gradient(150deg, #ffdf33 30%, transparent 30%), linear-gradient(-150deg, #ffdf33 30%, transparent 30%), linear-gradient(#ffdf33, #ffdf33), linear-gradient(150deg, #ffdf33 30%, transparent 30%), linear-gradient(-150deg, #ffdf33 30%, transparent 30%);
    background-size: 96px 3px, 30px 16px, 30px 16px, 96px 3px, 30px 16px, 30px 16px;
    background-position: 12px 55px, 40px 55px, 10px 55px, 12px 37px, 80px 37px, 50px 37px
}

#taco {
    background: #efefc8;
}

#taco div {
    width: 100px;
    height: 50px;
    margin-left: -55px;
    margin-top: -35px;
    background-color: #ffae1a;
    background-image: radial-gradient(#eb9800 15%, transparent 16%), radial-gradient(#eb9800 15%, transparent 16%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    border: 3px solid #faa200;
    border-radius: 50px 50px 5px 5px;
}

#taco div:before {
    width: 10px;
    height: 10px;
    top: 40px;
    left: -6px;
    background-color: #8b4513;
    border-radius: 50%;
    -webkit-box-shadow: 13px -22px 0 #98fb98, 16px -26px 0 #98fb98, 22px -28px 0 #98fb98, 28px -29px 0 #98fb98, 3px 5px 0 #8b4513, 6px 5px 0 #8b4513, 6px 0 0 #8b4513, 3px -5px 0 #8b4513, 5px -5px 0 #8b4513, 6px -9px 0 #8b4513, 9px -10px 0 #8b4513, 8px -15px 0 #8b4513, 12px -17px 0 #8b4513;
    box-shadow: 13px -22px 0 #98fb98, 16px -26px 0 #98fb98, 22px -28px 0 #98fb98, 28px -29px 0 #98fb98, 3px 5px 0 #8b4513, 6px 5px 0 #8b4513, 6px 0 0 #8b4513, 3px -5px 0 #8b4513, 5px -5px 0 #8b4513, 6px -9px 0 #8b4513, 9px -10px 0 #8b4513, 8px -15px 0 #8b4513, 12px -17px 0 #8b4513
}

#taco div:after {
    width: 100px;
    height: 50px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #ffc966;
    background-image: radial-gradient(#ffa500 15%, transparent 16%), radial-gradient(#ffa500 15%, transparent 16%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    border: 3px solid #ffa500;
    border-radius: 50px 50px 5px 5px
}

#cheesecake {
    background: #9370db;
}

#cheesecake div {
    width: 240px;
    height: 90px;
    margin-left: -120px;
    margin-top: -30px;
    background: white;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0, 0, 0, 0.1);
}

#cheesecake div:before {
    width: 200px;
    height: 80px;
    left: 50%;
    margin-left: -100px;
    margin-top: 0;
    background-color: #fec;
    background-image: linear-gradient(to right, #bc9055, #d2b48c 60%, rgba(255, 255, 255, 0) 60%), linear-gradient(to right, rgba(255, 255, 255, 0) 40%, #d2b48c 40%, #bc9055), linear-gradient(-45deg, white 23%, rgba(255, 255, 255, 0) 23%), linear-gradient(45deg, white 23%, rgba(255, 255, 255, 0) 23%), linear-gradient(to right, rgba(255, 255, 255, 0) 30%, #ebd4b7 50%, rgba(255, 255, 255, 0) 70%);
    background-size: 50% 100%;
    background-position: 0 0, 100% 0, 0 0, 100% 0, 50% 0;
    background-repeat: no-repeat;
    border-bottom-right-radius: 100px 40px;
    border-bottom-left-radius: 100px 40px
}

#cheesecake div:after {
    width: 200px;
    height: 75px;
    left: 50%;
    margin-left: -100px;
    top: -35px;
    background-image: radial-gradient(#d31339 50%, transparent 50%), radial-gradient(#dc143c 50%, transparent 50%), radial-gradient(#ad102f 50%, transparent 52%), linear-gradient(-40deg, rgba(255, 255, 255, 0) 22%, #fff7e6 22%), linear-gradient(40deg, rgba(255, 255, 255, 0) 22%, #fff7e6 22%);
    background-size: 20px 20px, 19px 19px, 18px 18px, 50% 100%, 50% 100%;
    background-position: 83px 12px, 98px 15px, 93px 7px, 0 0, 100% 0;
    background-repeat: no-repeat;
    border-radius: 50%
}

#pie {
    background: #008b8b;
}

#pie div {
    width: 240px;
    height: 90px;
    margin-left: -120px;
    margin-top: -30px;
    background: white;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0, 0, 0, 0.1);
}

#pie div:before {
    width: 180px;
    height: 45px;
    left: 50%;
    margin-left: -90px;
    margin-top: 25px;
    background-color: #fec;
    background-image: linear-gradient(68deg, white 10%, transparent 10%), linear-gradient(-68deg, white 10%, transparent 10%), linear-gradient(to right, #808080, #c0c0c0 30%, rgba(255, 255, 255, 0.1) 40%, #c0c0c0 70%, #808080 100%);
    border-bottom-right-radius: 80px 35px;
    border-bottom-left-radius: 80px 35px
}

#pie div:after {
    width: 180px;
    height: 60px;
    left: 50%;
    margin-left: -90px;
    top: -18px;
    background-image: radial-gradient(white 50%, transparent 50%), radial-gradient(white 50%, transparent 50%), radial-gradient(white 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(ellipse at center, #ffa500 40%, #ff8c00 60%);
    background-repeat: no-repeat;
    background-size: 40px 15px, 28px 10px, 10px 20px, 25px 18px, 25px 18px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 25px 18px, 25px 18px, 100% 100%;
    background-position: 70px 20px, 75px 16px, 86px 10px, -15px 30px, 0 40px, 15px 45px, 35px 50px, 55px 52px, 75px 52px, 95px 52px, 115px 50px, 135px 45px, 155px 40px, 170px 30px, 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px #cd853f, 0 3px 0 9px #c0c0c0;
    box-shadow: 0 0 0 8px #cd853f, 0 3px 0 9px #c0c0c0
}

#frankenstein {
    background: #444;
}

#frankenstein div {
    width: 130px;
    height: 160px;
    margin-left: -65px;
    margin-top: -80px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(#2e8b57), to(#2e8b57)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #a7a7a7), color-stop(50%, #c0c0c0)), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, #2e8b57, #2e8b57), linear-gradient(to bottom, #a7a7a7 50%, #c0c0c0 50%), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 50px 15px, 50px 100%, 70px 10px, 30px 30px, 30px 30px;
    background-position: center 92%, center 0, center 95%, -2px 60%, 103% 60%;
}

#frankenstein div:before {
    width: 100px;
    height: 135px;
    left: 15px;
    background-color: #2e8b57;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222)), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), -webkit-gradient(linear, left top, left bottom, from(#2e8b57), to(#2e8b57)), radial-gradient(circle, #2e8b57 40%, #21653f 40%, #21653f 53%, transparent 42%), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
    background-image: linear-gradient(to bottom, #222, #222), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), linear-gradient(#2e8b57, #2e8b57), radial-gradient(circle, #2e8b57 40%, #21653f 40%, #21653f 53%, transparent 42%), linear-gradient(#333, #333);
    background-repeat: no-repeat;
    background-size: 100% 15px, 15px 40px, 15px 40px, 15px 40px, 15px 40px, 15px 40px, 24px 24px, 24px 24px, 25px 13px, 25px 25px, 40px 2px;
    background-position: 0 0, -5px -10px, 6px -14px, 17px -12px, 93% -14px, 106% -10px, 18px 70px, 56px 70px, center 70%, center 75%, center 85%;
    border-radius: 6px 6px 15px 15px
}

#frankenstein div:after {
    width: 35px;
    height: 12px;
    left: 28px;
    top: 68px;
    background-color: #222;
    border-radius: 4px;
    -webkit-box-shadow: 38px 0 0 #222, -2px -8px 0 4px #297c4d, 30px -8px 0 4px #297c4d, 41px -8px 0 4px #297c4d;
    box-shadow: 38px 0 0 #222, -2px -8px 0 4px #297c4d, 30px -8px 0 4px #297c4d, 41px -8px 0 4px #297c4d
}

#zombie {
    background: #555;
}

#zombie div {
    width: 130px;
    height: 160px;
    margin-left: -65px;
    margin-top: -80px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, from(#98fb98), to(#98fb98)), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(to right, #98fb98, #98fb98), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 50px 15px, 50px 80%, 30px 30px, 30px 30px, 40px 40px, 40px 40px, 40px 40px, 40px 40px;
    background-position: center 92%, center 100%, -2px 60%, 103% 60%, 30px -5px, 50px -5px, 65px 0, 78px 14px;
}

#zombie div:before {
    width: 100px;
    height: 135px;
    left: 15px;
    background-image: radial-gradient(circle, #222 15%, #ffd700 15%, #ffd700 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ffd700 15%, #ffd700 30%, white 30%, white 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(#98fb98, #98fb98), radial-gradient(circle, #98fb98 40%, #57c889 40%, #57c889 53%, transparent 42%), linear-gradient(25deg, #98fb98 80%, transparent 80%);
    background-repeat: no-repeat;
    background-size: 24px 24px, 24px 24px, 50px 40px, 50px 40px, 25px 13px, 25px 25px, 100% 100%;
    background-position: 18px 67px, 56px 67px, 4px 57px, 44px 57px, center 70%, center 75%, 0 0;
    border-radius: 20px 20px 30px 30px
}

#zombie div:after {
    width: 42px;
    height: 23px;
    margin-left: -21px;
    left: 50%;
    top: 70%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-repeat: repeat-x, repeat-x, no-repeat;
    background-size: 100% 6px, 100% 6px, 31px 15px;
    background-position: 1px 2px, 1px 18px, 5px 5px;
    border-radius: 6px;
    -webkit-box-shadow: -8px 5px 0 #98fb98, 8px 5px 0 #98fb98;
    box-shadow: -8px 5px 0 #98fb98, 8px 5px 0 #98fb98
}

#vampire {
    background: #444;
}

#vampire div {
    width: 130px;
    height: 160px;
    margin-left: -65px;
    margin-top: -80px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, right top, from(#faf0e6), to(#faf0e6)), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, #faf0e6, #faf0e6), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 50px 15px, 50px 80%, 30px 40px, 30px 40px;
    background-position: center 92%, center 100%, -2px 68%, 103% 68%;
}

#vampire div:before {
    width: 100px;
    height: 135px;
    left: 15px;
    background-color: #333;
    background-image: radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 50%, transparent 50%), linear-gradient(#faf0e6, #faf0e6), radial-gradient(circle, #faf0e6 40%, #edcaa6 40%, #edcaa6 53%, transparent 42%), linear-gradient(#faf0e6, #faf0e6), linear-gradient(45deg, transparent 20%, white 20%), linear-gradient(-45deg, transparent 20%, white 20%), radial-gradient(ellipse, #333 50%, transparent 50%), radial-gradient(circle, #faf0e6 50%, transparent 50%), radial-gradient(circle, #faf0e6 50%, transparent 50%), linear-gradient(to bottom, #222 34%, #faf0e6 34%);
    background-repeat: no-repeat;
    background-size: 24px 24px, 24px 24px, 50px 40px, 50px 40px, 25px 13px, 25px 25px, 60px 15px, 8px 20px, 8px 20px, 65px 30px, 65px 80px, 65px 80px, 100% 100%;
    background-position: 18px 70px, 56px 70px, 4px 62px, 44px 62px, center 70%, center 75%, center 81%, 35px 85%, 57px 85%, center 95%, -6px 5px, 42px 5px, 0 0;
    border-radius: 35px 35px 20px 20px
}

#vampire div:after {
    width: 36px;
    height: 10px;
    left: 25px;
    top: 68px;
    background-color: #222;
    border-radius: 4px;
    -webkit-box-shadow: 42px 0 0 #222;
    box-shadow: 42px 0 0 #222
}

#mike-wazowski {
    background: #808000;
}

#mike-wazowski div {
    width: 150px;
    height: 90px;
    margin-left: -75px;
    margin-top: -155px;
    background: transparent;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    -webkit-box-shadow: 0 30px 3px 1px #ffe4c4, 0 18px 0 4px #555;
    box-shadow: 0 30px 3px 1px #ffe4c4, 0 18px 0 4px #555;
}

@media (max-width: 400px) {
    #mike-wazowski div {
        margin-top: -125px
    }
}

#mike-wazowski div:before {
    width: 200px;
    height: 220px;
    margin-left: -100px;
    top: 45px;
    left: 50%;
    background-color: #9acd32;
    background-image: radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #20b2aa 30%, rgba(34, 139, 34, 0) 80%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 35%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #9acd32 55%, #9acd32 60%, transparent 60%), radial-gradient(ellipse, rgba(34, 139, 34, 0.9) 45%, #9acd32 55%, #9acd32 60%, transparent 60%), radial-gradient(ellipse, #9acd32 55%, rgba(34, 139, 34, 0.5) 56%, rgba(34, 139, 34, 0) 63%), radial-gradient(circle, rgba(34, 139, 34, 0) 30%, rgba(34, 139, 34, 0.6) 60%);
    background-repeat: no-repeat;
    background-size: 8px 8px, 20px 20px, 25px 25px, 50px 50px, 110px 95px, 120px 110px, 130px 110px, 115px 95px, 250px 260px;
    background-position: 53% 57px, center 59px, 49% 59px, center 45px, center 25px, center 13px, center -2px, center 35px, 0 -40px;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%
}

#mike-wazowski div:after {
    width: 70px;
    height: 40px;
    margin-left: -35px;
    left: 50%;
    top: 185px;
    background: #444;
    background-image: radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, rgba(255, 255, 255, 0.2) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 25px 18px, 25px 18px, 25px 18px, 25px 18px, 56px 30px;
    background-position: -5px 30px, 15px 32px, 35px 32px, 55px 28px, center 20px;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    -webkit-box-shadow: 0 6px 0 #9acd32, 0 15px 3px -4px rgba(34, 139, 34, 0.9);
    box-shadow: 0 6px 0 #9acd32, 0 15px 3px -4px rgba(34, 139, 34, 0.9)
}

#sully {
    background: #afeeee;
}

#sully div {
    width: 160px;
    height: 62px;
    margin-left: -80px;
    margin-top: -150px;
    background: transparent;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    -webkit-box-shadow: 0 7px 7px 3px #ffe4c4, 0 15px 0 10px rgba(0, 0, 0, 0.25), 0 15px 0 10px #ffe4c4;
    box-shadow: 0 7px 7px 3px #ffe4c4, 0 15px 0 10px rgba(0, 0, 0, 0.25), 0 15px 0 10px #ffe4c4;
}

#sully div:before {
    width: 180px;
    height: 230px;
    margin-left: -90px;
    top: 30px;
    left: 50%;
    background-color: #00ced1;
    background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.4) 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.4) 50%, transparent 50%), radial-gradient(ellipse, #00696b 50%, transparent 50%), radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #9370db 30%, rgba(147, 112, 219, 0) 70%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 30%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #48d1cc 55%, #48d1cc 60%, transparent 60%), radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #9370db 30%, rgba(147, 112, 219, 0) 70%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 30%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #48d1cc 55%, #48d1cc 60%, transparent 60%), radial-gradient(ellipse, #00abad 40%, rgba(0, 206, 209, 0) 50%), radial-gradient(ellipse, #009c9e 40%, rgba(0, 206, 209, 0) 50%), radial-gradient(ellipse, #9370db 30%, rgba(147, 112, 219, 0) 60%), radial-gradient(ellipse, #9370db 30%, rgba(147, 112, 219, 0) 60%), radial-gradient(circle, rgba(0, 206, 209, 0) 35%, #009c9e 65%);
    background-repeat: no-repeat;
    background-size: 20px 10px, 20px 10px, 75px 40px, 5px 5px, 13px 13px, 19px 19px, 34px 34px, 50px 45px, 54px 58px, 5px 5px, 13px 13px, 19px 19px, 34px 34px, 50px 45px, 54px 58px, 100px 40px, 170px 90px, 45px 40px, 45px 40px, 220px 350px;
    background-position: 70px 118px, 90px 118px, center 95px, 68px 70px, 60px 71px, 58px 68px, 50px 60px, 40px 55px, 38px 47px, 114px 70px, 106px 71px, 102px 68px, 95px 60px, 90px 55px, 88px 47px, center 90px, center 30px, 50px -17px, 95px 10px, 0 -80px;
    border-radius: 50% 50% 50% 50%/60% 60% 30% 30%;
    -webkit-box-shadow: 0 0 20px #009c9e, 0 10px 10px #008384, inset 0 -15px 0 13px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 20px #009c9e, 0 10px 10px #008384, inset 0 -15px 0 13px rgba(0, 0, 0, 0.03)
}

@media (max-width: 400px) {
    #sully div {
        margin-top: -122px
    }
}

#sully div:after {
    width: 70px;
    height: 15px;
    margin-left: -35px;
    left: 50%;
    top: 180px;
    background: #444;
    background-image: radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 16px 25px;
    background-position: -5px 7px, 7px 4px, 19px 7px, 31px 7px, 43px 4px, 55px 7px;
    border-radius: 60% 60% 40% 40%/50% 50% 50% 50%;
    -webkit-box-shadow: 0 6px 0 #48d1cc, 0 15px 3px -4px #009c9e, 0 -106px 6px -2px rgba(255, 255, 255, 0.2), -20px -114px 6px 7px #00abad, 20px -114px 6px 7px #00abad, -20px -105px 5px 5px rgba(0, 0, 0, 0.15), 20px -105px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 0 #48d1cc, 0 15px 3px -4px #009c9e, 0 -106px 6px -2px rgba(255, 255, 255, 0.2), -20px -114px 6px 7px #00abad, 20px -114px 6px 7px #00abad, -20px -105px 5px 5px rgba(0, 0, 0, 0.15), 20px -105px 5px 5px rgba(0, 0, 0, 0.15)
}

#birthday {
    background: #ffe4e1;
}

#birthday div {
    width: 170px;
    height: 140px;
    margin-left: -85px;
    margin-top: -60px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #db7093), color-stop(35%, #db7093), color-stop(35%, #d2b48c), color-stop(75%, #d2b48c), color-stop(75%, #db7093), color-stop(78%, #db7093), color-stop(78%, #d2b48c));
    background-image: linear-gradient(to bottom, #db7093 0, #db7093 35%, #d2b48c 35%, #d2b48c 75%, #db7093 75%, #db7093 78%, #d2b48c 78%);
    border-radius: 15px 15px 0 0;
}

#birthday div:before {
    width: 10px;
    height: 50px;
    top: 35px;
    left: 0;
    background: #db7093;
    border-radius: 10px;
    -webkit-box-shadow: 10px 5px 0 #d2b48c, 20px -20px 0 #db7093, 30px -2px 0 #d2b48c, 40px 0 0 #db7093, 50px 5px 0 #d2b48c, 60px -10px 0 #db7093, 70px 5px 0 #d2b48c, 80px -20px 0 #db7093, 90px -5px 0 #d2b48c, 100px 5px 0 #db7093, 110px 5px 0 #d2b48c, 120px -25px 0 #db7093, 130px 8px 0 #d2b48c, 140px -10px 0 #db7093, 150px 0 0 #d2b48c, 160px -5px 0 #db7093;
    box-shadow: 10px 5px 0 #d2b48c, 20px -20px 0 #db7093, 30px -2px 0 #d2b48c, 40px 0 0 #db7093, 50px 5px 0 #d2b48c, 60px -10px 0 #db7093, 70px 5px 0 #d2b48c, 80px -20px 0 #db7093, 90px -5px 0 #d2b48c, 100px 5px 0 #db7093, 110px 5px 0 #d2b48c, 120px -25px 0 #db7093, 130px 8px 0 #d2b48c, 140px -10px 0 #db7093, 150px 0 0 #d2b48c, 160px -5px 0 #db7093
}

#birthday div:after {
    width: 190px;
    height: 250px;
    margin-left: -10px;
    top: -60px;
    background-image: repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), linear-gradient(#555, #555), linear-gradient(#555, #555), linear-gradient(#555, #555), linear-gradient(to top, transparent 46px, white 46px, white 52px, transparent 52px), radial-gradient(circle at 100% 20%, transparent 70%, white 70%), radial-gradient(circle at 0 20%, transparent 70%, white 70%);
    background-repeat: no-repeat;
    background-size: 6px 35px, 6px 35px, 6px 35px, 4px 8px, 4px 8px, 4px 8px, 10px 20px, 10px 20px, 10px 20px, 2px 6px, 2px 6px, 2px 6px, 100% 100%, 100px 50px, 100px 50px;
    background-position: 64px 25px, center 25px, 120px 25px, 65px 10px, center 10px, 121px 10px, 62px 0, center 0, 118px 0, 66px 20px, center 20px, 122px 20px, 0 0, right bottom, left bottom
}

#candy {
    background: -webkit-gradient(linear, left top, left bottom, from(#87cefa), to(white));
    background: linear-gradient(to bottom, #87cefa, white);
}

#candy div {
    width: 14px;
    height: 210px;
    margin-left: -7px;
    background-color: white;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent 30%, transparent 50%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 25px, transparent 50px);
    border-radius: 0 0 5px 5px;
}

@media (max-width: 400px) {
    #candy div {
        margin-top: -50px
    }
}

#candy div:before {
    width: 120px;
    height: 120px;
    margin-left: -53px;
    margin-top: -95px;
    background: rgba(220, 20, 60, 0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(0, 0, 0, 0.2)), color-stop(80%, transparent)), radial-gradient(ellipse at 80px 30px, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.4) 4%, rgba(255, 255, 255, 0) 18%), radial-gradient(ellipse at 75px 103px, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 10%);
    background-image: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.2) 70%, transparent 80%), radial-gradient(ellipse at 80px 30px, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.4) 4%, rgba(255, 255, 255, 0) 18%), radial-gradient(ellipse at 75px 103px, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 10%);
    border-radius: 50%;
    -webkit-box-shadow: inset -4px 7px 8px rgba(255, 255, 255, 0.2), inset 3px -3px 5px rgba(255, 255, 255, 0.3), inset 14px -5px 10px rgba(0, 0, 0, 0.15), inset 25px -7px 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset -4px 7px 8px rgba(255, 255, 255, 0.2), inset 3px -3px 5px rgba(255, 255, 255, 0.3), inset 14px -5px 10px rgba(0, 0, 0, 0.15), inset 25px -7px 14px rgba(0, 0, 0, 0.2)
}

#candy div:after {
    width: 128px;
    height: 40px;
    margin-left: -57px;
    margin-top: -50px;
    background: rgba(220, 20, 60, 0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.15)), color-stop(14%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0.3)), color-stop(24%, rgba(0, 0, 0, 0.2)), color-stop(40%, transparent), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0.3)), color-stop(75%, rgba(255, 255, 255, 0.3)), color-stop(85%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0) 14%), linear-gradient(to right, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0.2) 24%, transparent 40%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 85%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 3px
}

#candycorn {
    background: -webkit-gradient(linear, left top, left bottom, from(#87cefa), to(white));
    background: linear-gradient(to bottom, #87cefa, white);
}

#candycorn div {
    width: 80px;
    height: 120px;
    margin-left: -40px;
    margin-top: -60px;
    background-color: #fff5ee;
    background-image: radial-gradient(ellipse at center, #ffd700 40%, rgba(255, 255, 255, 0) 48%), radial-gradient(ellipse at center, #ff8c00 40%, rgba(255, 255, 255, 0) 43%);
    background-size: 200px 80px, 200px 400px;
    background-position: -50px 210%, center -55px;
    background-repeat: no-repeat;
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 60% 100%;
    -webkit-box-shadow: inset 15px 2px 5px -10px rgba(0, 0, 0, 0.15), inset 25px -5px 8px -10px rgba(0, 0, 0, 0.1), inset -4px 4px 5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 15px 2px 5px -10px rgba(0, 0, 0, 0.15), inset 25px -5px 8px -10px rgba(0, 0, 0, 0.1), inset -4px 4px 5px rgba(255, 255, 255, 0.3);
}

#candycorn div:before {
    width: 80px;
    height: 25px;
    background: #ffd700;
    bottom: -25px;
    border-bottom-left-radius: 40px 20px;
    border-bottom-right-radius: 40px 20px;
    -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.15), inset 10px -8px 8px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.15), inset 10px -8px 8px 5px rgba(0, 0, 0, 0.1)
}

#candycorn div:after {
    width: 50px;
    height: 90px;
    margin-left: -25px;
    left: 50%;
    top: 42%;
    background: radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.3) 6%, rgba(255, 255, 255, 0) 20%), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.09)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.3) 6%, rgba(255, 255, 255, 0) 20%), linear-gradient(to top, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0) 50%);
    border-top-left-radius: 40% 100%;
    border-top-right-radius: 40% 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: -10px 0 5px -5px rgba(0, 0, 0, 0.03), 7px 0 5px -5px rgba(0, 0, 0, 0.05), inset -15px 0 5px -10px rgba(255, 255, 255, 0.1);
    box-shadow: -10px 0 5px -5px rgba(0, 0, 0, 0.03), 7px 0 5px -5px rgba(0, 0, 0, 0.05), inset -15px 0 5px -10px rgba(255, 255, 255, 0.1)
}

#candycane {
    background: -webkit-gradient(linear, left top, left bottom, from(#7ac9e9), to(white));
    background: linear-gradient(to bottom, #7ac9e9, white);
}

#candycane div {
    width: 140px;
    height: 70px;
    margin-left: -70px;
    margin-top: -110px;
    background: no-repeat;
    background-image: radial-gradient(circle at center bottom, transparent 40px, rgba(0, 0, 0, 0.2) 40px, rgba(0, 0, 0, 0.2) 44px, transparent 52px), radial-gradient(circle at center bottom, transparent 40px, #dc143c 40px, #dc143c 50px, white 50px, white 70px, transparent 70px);
    border-radius: 70px 70px 0 0;
    -webkit-box-shadow: inset 2px 3px 5px white, inset -10px 10px 5px rgba(0, 0, 0, 0.2), inset -10px 5px 0 #dc143c, inset -16px 14px 0 white, inset -20px 22px 0 #dc143c, inset -17px 25px 0 white, inset 2px 4px 0 white, inset 8px 10px 0 #dc143c;
    box-shadow: inset 2px 3px 5px white, inset -10px 10px 5px rgba(0, 0, 0, 0.2), inset -10px 5px 0 #dc143c, inset -16px 14px 0 white, inset -20px 22px 0 #dc143c, inset -17px 25px 0 white, inset 2px 4px 0 white, inset 8px 10px 0 #dc143c;
}

@media (max-width: 400px) {
    #candycane div {
        margin-top: -140px
    }
}

#candycane div:before {
    width: 30px;
    height: 50px;
    top: 70px;
    background: white;
    background-image: linear-gradient(87deg, transparent 23px, #dc143c 23px);
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: inset 2px -3px 5px white, inset -9px -10px 5px rgba(0, 0, 0, 0.2), inset 2px 0 0 white, inset 9px 0 0 #dc143c;
    box-shadow: inset 2px -3px 5px white, inset -9px -10px 5px rgba(0, 0, 0, 0.2), inset 2px 0 0 white, inset 9px 0 0 #dc143c
}

#candycane div:after {
    width: 30px;
    height: 260px;
    top: 70px;
    right: 0;
    background: white;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 5px, transparent 15px), linear-gradient(91deg, rgba(0, 0, 0, 0.2) 3px, transparent 7px), linear-gradient(88deg, rgba(255, 255, 255, 0) 21px, rgba(255, 255, 255, 0.7) 23px, rgba(255, 255, 255, 0.7) 26px, rgba(255, 255, 255, 0) 29px), linear-gradient(-100deg, #dc143c 10px, transparent 10px, transparent 17px, #dc143c 17px, #dc143c 30px, transparent 30px, transparent 40px, #dc143c 40px, #dc143c 50px, transparent 50px, transparent 62px, #dc143c 62px, #dc143c 72px, transparent 72px);
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.2)
}

#syrup {
    background: -webkit-gradient(linear, left top, left bottom, from(#7ac9e9), to(white));
    background: linear-gradient(to bottom, #7ac9e9, white);
}

#syrup div {
    width: 120px;
    height: 170px;
    margin-left: -60px;
    margin-top: -54px;
    background-color: #d2691e;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffd700)), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(circle at center, rgba(165, 42, 42, 0.3) 20%, transparent 30%);
    background-image: linear-gradient(to bottom, #ffd700, #ffd700), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(ellipse at center, #f4a460 40%, transparent 40%), radial-gradient(ellipse at center, #f18930 40%, transparent 40%), radial-gradient(circle at center, rgba(165, 42, 42, 0.3) 20%, transparent 30%);
    background-size: 20px 10px, 100% 30%, 100% 30%, 100% 30%, 100% 30%, 100% 30%, 100% 30%, 300% 80%;
    background-position: center 57%, 20% 60%, 20% 62%, 20% 65%, 20% 67%, 20% 70%, 20% 72%, center -80%;
    border-radius: 60px 60px 10px 10px;
    -webkit-box-shadow: inset 0 4px 1px 6px rgba(0, 0, 0, 0.2), inset 0 -12px 0 -10px rgba(0, 0, 0, 0.3), inset 0 -9px 0 -5px rgba(255, 255, 255, 0.8), inset 0 -17px 1px -10px rgba(0, 0, 0, 0.2), inset 0 -30px 1px -10px white, inset 0 -33px 3px -10px rgba(0, 0, 0, 0.1), inset 15px -8px 3px -5px rgba(0, 0, 0, 0.2), inset -15px -8px 3px -5px rgba(0, 0, 0, 0.2), inset 10px 8px 1px #d2691e, inset -10px 8px 1px #d2691e, inset 15px 0 1px rgba(255, 255, 255, 0.75), inset -15px 0 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 4px 1px 6px rgba(0, 0, 0, 0.2), inset 0 -12px 0 -10px rgba(0, 0, 0, 0.3), inset 0 -9px 0 -5px rgba(255, 255, 255, 0.8), inset 0 -17px 1px -10px rgba(0, 0, 0, 0.2), inset 0 -30px 1px -10px white, inset 0 -33px 3px -10px rgba(0, 0, 0, 0.1), inset 15px -8px 3px -5px rgba(0, 0, 0, 0.2), inset -15px -8px 3px -5px rgba(0, 0, 0, 0.2), inset 10px 8px 1px #d2691e, inset -10px 8px 1px #d2691e, inset 15px 0 1px rgba(255, 255, 255, 0.75), inset -15px 0 1px rgba(255, 255, 255, 0.75);
}

#syrup div:before {
    width: 34px;
    height: 80px;
    left: 50%;
    margin-left: -17px;
    margin-top: -67px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 20%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%, transparent 80%, rgba(0, 0, 0, 0.3) 100%), repeating-linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 2px), linear-gradient(to bottom, #a52a2a, #a52a2a), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2) 50%, transparent 100%), linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse at center, #d2691e 90%, transparent 90%), linear-gradient(to right, rgba(255, 255, 255, 0.3) 1px, rgba(0, 0, 0, 0.2) 3px, transparent 7px), linear-gradient(to left, rgba(255, 255, 255, 0.3) 1px, rgba(0, 0, 0, 0.2) 3px, transparent 7px), linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    background-size: 100% 30%, 100% 30%, 100% 30%, 90% 5%, 90% 100%, 98% 16%, 90% 100%, 90% 100%, 90% 100%;
    background-position: center top, center top, center top, center 87%, center top, center bottom, center top, center top, center top;
    border-radius: 4px;
    border-bottom-left-radius: 20px 15px;
    border-bottom-right-radius: 20px 15px
}

#syrup div:after {
    width: 50px;
    height: 40px;
    left: 62%;
    margin-top: -40px;
    background: no-repeat;
    background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.3) 40%, transparent 45%), radial-gradient(ellipse, rgba(0, 0, 0, 0.3) 40%, transparent 45%), radial-gradient(circle, transparent 25%, rgba(0, 0, 0, 0.2) 27%, transparent 30%, transparent 42%, rgba(0, 0, 0, 0.2) 48%, transparent 50%), radial-gradient(circle, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%);
    background-size: 5px 12px, 5px 12px, 100% 100%, 100% 100%;
    background-position: -1px 3px, -1px 25px, -20px 0, -20px 0
}

#crait {
    background: #f5fffa;
}

#crait div {
    width: 10px;
    height: 5px;
    left: 40%;
    margin-top: 70px;
    background: #b22222;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 7px 0 0 0 #b22222, 14px 0 0 0 #b22222, 23px -1px 0 1px #b22222, 34px -2px 0 2px #b22222, 46px -3px 0 3px #b22222, 60px -4px 0 4px #b22222, 75px -5px 0 5px #b22222, 95px -7px 0 7px #b22222, 120px -10px 0 10px #b22222, 152px -20px 0 20px #b22222, 200px -30px 0 30px #b22222, 240px -25px 0 25px #b22222, 280px -15px 0 15px #b22222, 300px -5px 0 5px #b22222, -98px -7px 0 -2px #f08080, -92px -8px 0 -1px #f08080, -84px -9px 0 0 #f08080, -75px -9px 0 0 #f08080, -65px -10px 0 1px #f08080, -53px -11px 0 2px #f08080, -38px -13px 0 4px #f08080, -18px -16px 0 7px #f08080, 7px -18px 0 9px #f08080, 38px -24px 0 15px #f08080, 77px -33px 0 23px #f08080, 120px -27px 0 18px #f08080;
    box-shadow: 7px 0 0 0 #b22222, 14px 0 0 0 #b22222, 23px -1px 0 1px #b22222, 34px -2px 0 2px #b22222, 46px -3px 0 3px #b22222, 60px -4px 0 4px #b22222, 75px -5px 0 5px #b22222, 95px -7px 0 7px #b22222, 120px -10px 0 10px #b22222, 152px -20px 0 20px #b22222, 200px -30px 0 30px #b22222, 240px -25px 0 25px #b22222, 280px -15px 0 15px #b22222, 300px -5px 0 5px #b22222, -98px -7px 0 -2px #f08080, -92px -8px 0 -1px #f08080, -84px -9px 0 0 #f08080, -75px -9px 0 0 #f08080, -65px -10px 0 1px #f08080, -53px -11px 0 2px #f08080, -38px -13px 0 4px #f08080, -18px -16px 0 7px #f08080, 7px -18px 0 9px #f08080, 38px -24px 0 15px #f08080, 77px -33px 0 23px #f08080, 120px -27px 0 18px #f08080;
}

#crait div:before {
    width: 80px;
    height: 60px;
    margin-left: -53px;
    margin-top: -55px;
    background: no-repeat;
    background-image: radial-gradient(ellipse at center top, #222 50%, transparent 50%), radial-gradient(ellipse at center bottom, #222 50%, transparent 50%), radial-gradient(ellipse at center bottom, #222 50%, transparent 50%), radial-gradient(ellipse at center top, transparent 40%, #222 40%, #222 50%, transparent 50%), radial-gradient(ellipse at center center, transparent 40%, #222 40%, #222 50%, transparent 50%), linear-gradient(to right, #222, #222), linear-gradient(to right, #222, #222), linear-gradient(to right, #222, #222), linear-gradient(to right, #222, #222), linear-gradient(to right, #222, #222), linear-gradient(60deg, transparent 28%, #222 28%, #222 35%, transparent 35%, transparent 37%, #222 37%, #222 42%, transparent 42%);
    background-size: 65px 17px, 45px 22px, 25px 10px, 45px 10px, 45px 10px, 20px 2px, 20px 3px, 4px 5px, 15px 6px, 16px 8px, 20px 30px;
    background-position: 0 65%, 60% 19%, 30% 35%, 40% 72%, 60% 60%, 0 49%, 80% 47%, 84% 43%, 98% 34%, 100% 52%, 70% 100%
}

#crait div:after {
    width: 80px;
    height: 60px;
    margin-left: -143px;
    margin-top: -55px;
    background: no-repeat;
    background-image: radial-gradient(ellipse at center top, #555 50%, transparent 50%), radial-gradient(ellipse at center bottom, #555 50%, transparent 50%), radial-gradient(ellipse at center bottom, #555 50%, transparent 50%), radial-gradient(ellipse at center top, transparent 40%, #555 40%, #555 50%, transparent 50%), radial-gradient(ellipse at center center, transparent 40%, #555 40%, #555 50%, transparent 50%), linear-gradient(to right, #555, #555), linear-gradient(to right, #555, #555), linear-gradient(to right, #555, #555), linear-gradient(to right, #555, #555), linear-gradient(to right, #555, #555), linear-gradient(63deg, transparent 28%, #555 28%, #555 35%, transparent 35%, transparent 37%, #555 37%, #555 42%, transparent 42%);
    background-size: 65px 17px, 45px 22px, 25px 10px, 45px 10px, 45px 10px, 20px 3px, 20px 4px, 4px 5px, 15px 6px, 16px 8px, 20px 30px;
    background-position: 0 65%, 60% 19%, 26% 35%, 42% 72%, 60% 60%, 3px 49%, 80% 47%, 84% 48%, 98% 38%, 100% 56%, 70% 100%;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

#padme-amidala {
    background: #dc143c;
}

#padme-amidala div {
    width: 150px;
    height: 120px;
    margin-left: -75px;
    margin-top: -60px;
    background-color: #53290b;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #c61236, #c61236), linear-gradient(115deg, transparent 40%, #daa520 40%), linear-gradient(-115deg, transparent 40%, #daa520 40%), radial-gradient(ellipse, #daa520 50%, transparent 50%), linear-gradient(to top, #53290b 45%, transparent 45%), radial-gradient(ellipse, transparent 54%, #a0522d 54%, #a0522d 60%, transparent 60%);
    background-size: 12px 50%, 25% 50%, 25% 50%, 105% 80%, 100% 100%, 100% 105%;
    background-position: 50% 0, 33% 0, 68% 0, 50% 130%, 0 0, 0 0;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom-left-radius: 110px 70px;
    border-bottom-right-radius: 110px 70px;
    -webkit-box-shadow: inset 6px -8px 0 rgba(0, 0, 0, 0.3), inset -6px -8px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 6px -8px 0 rgba(0, 0, 0, 0.3), inset -6px -8px 0 rgba(0, 0, 0, 0.3);
}

#padme-amidala div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 44px;
    margin-left: -35px;
    background-color: #fff0f5;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 50%, transparent 50%), radial-gradient(circle, #b01030 35%, #daa520 35%, #daa520 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.1) 50%, transparent 50%), -webkit-gradient(linear, left top, right top, from(#c61236), to(#c61236)), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #703920 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #703920 50%, transparent 50%), radial-gradient(circle, #dc143c 50%, transparent 50%), radial-gradient(circle, #dc143c 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #dc143c 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #dc143c 50%, transparent 50%), -webkit-gradient(linear, left top, right top, from(#dc143c), to(#dc143c));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 50%, transparent 50%), radial-gradient(circle, #b01030 35%, #daa520 35%, #daa520 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.1) 50%, transparent 50%), linear-gradient(to right, #c61236, #c61236), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #703920 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #703920 50%, transparent 50%), radial-gradient(circle, #dc143c 50%, transparent 50%), radial-gradient(circle, #dc143c 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #dc143c 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #dc143c 50%, transparent 50%), linear-gradient(to right, #dc143c, #dc143c);
    background-size: 8px 8px, 24px 24px, 24px 24px, 12px 10px, 4px 4px, 14px 14px, 4px 4px, 14px 14px, 6px 6px, 6px 6px, 15px 7px, 15px 7px, 6px 6px;
    background-position: 47% 10px, 50% 3px, 57% 5px, 50% 0, 13px 33px, 10px 30px, 49px 33px, 46px 30px, 14px 48px, 51px 48px, 23px 55px, 32px 55px, 50% 61px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.15), inset -7px 0 0 rgba(0, 0, 0, 0.15), -5px 0 0 rgba(0, 0, 0, 0.1), 5px 0 0 rgba(0, 0, 0, 0.1), 0 -10px 0 12px rgba(0, 0, 0, 0.1);
    box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.15), inset -7px 0 0 rgba(0, 0, 0, 0.15), -5px 0 0 rgba(0, 0, 0, 0.1), 5px 0 0 rgba(0, 0, 0, 0.1), 0 -10px 0 12px rgba(0, 0, 0, 0.1)
}

#padme-amidala div:after {
    width: 90px;
    height: 150px;
    left: 50%;
    top: -10px;
    margin-left: -45px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at center 120%, #daa520 50%, transparent 50%);
    background-size: 13px 13px;
    background-position: 50% -4px;
    border-radius: 10% 10% 70% 70%;
    -webkit-box-shadow: inset 10px 5px 0 -5px #daa520, inset 15px 5px 0 -5px #b01030, inset -10px 5px 0 -5px #daa520, inset -15px 5px 0 -5px #b01030;
    box-shadow: inset 10px 5px 0 -5px #daa520, inset 15px 5px 0 -5px #b01030, inset -10px 5px 0 -5px #daa520, inset -15px 5px 0 -5px #b01030
}

#leia-organa {
    background-color: #1e90ff;
}

#leia-organa div {
    width: 140px;
    height: 110px;
    margin-left: -70px;
    margin-top: -55px;
    background-color: #80ffff;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at 50% 80%, transparent 50%, rgba(0, 0, 0, 0.2) 50%), -webkit-gradient(linear, left top, right top, from(#ffe4c4), to(#ffe4c4)), radial-gradient(ellipse, #8b4513 50%, transparent 50%), radial-gradient(ellipse, #8b4513 50%, transparent 50%), radial-gradient(ellipse, #8b4513 50%, transparent 50%), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background-image: radial-gradient(ellipse at 50% 80%, transparent 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(to right, #ffe4c4, #ffe4c4), radial-gradient(ellipse, #8b4513 50%, transparent 50%), radial-gradient(ellipse, #8b4513 50%, transparent 50%), radial-gradient(ellipse, #8b4513 50%, transparent 50%), linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    background-size: 100% 100%, 2px 25px, 76% 90%, 44px 80px, 44px 80px, 100% 100%;
    background-position: 0 0, 50% 10px, 50% -25%, 3% 90%, 97% 90%, 0 0;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom-left-radius: 30px 50px;
    border-bottom-right-radius: 30px 50px;
    -webkit-box-shadow: inset 0 6px 0 10px #80ffff, 0 0 60px 10px #0ff;
    box-shadow: inset 0 6px 0 10px #80ffff, 0 0 60px 10px #0ff;
}

#leia-organa div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 34px;
    margin-left: -35px;
    background-color: #ffe4c4;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #7d3e11 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #7d3e11 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #e9967a 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 7px, 15px 7px, 18px 7px;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 23px 55px, 32px 55px, 50% 62px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), -5px 0 0 rgba(0, 0, 0, 0.1), 5px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), -5px 0 0 rgba(0, 0, 0, 0.1), 5px 0 0 rgba(0, 0, 0, 0.1)
}

#rey {
    background-color: #a0522d;
}

#rey div {
    width: 90px;
    height: 140px;
    margin-left: -45px;
    margin-top: -70px;
    background-color: #d2b48c;
    border-radius: 100px 100px 110% 110%;
    -webkit-box-shadow: -3px 11px 0 -7px rgba(139, 69, 19, 0.4), 0 20px 0 -6px #caa778, inset 8px 0 0 rgba(0, 0, 0, 0.07);
    box-shadow: -3px 11px 0 -7px rgba(139, 69, 19, 0.4), 0 20px 0 -6px #caa778, inset 8px 0 0 rgba(0, 0, 0, 0.07);
}

#rey div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 34px;
    margin-left: -35px;
    background-color: #f5a968;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #4d523e 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #4d523e 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(circle, #d29152 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #cd853f 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #cd853f 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #cd853f 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 15px 7px, 15px 7px, 18px 7px;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 13px 48px, 17px 53px, 20px 48px, 48px 48px, 52px 53px, 55px 48px, 23px 55px, 32px 55px, 50% 62px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2), inset -3px 0 rgba(0, 0, 0, 0.2), inset 9px 0 rgba(0, 0, 0, 0.1), inset -9px 0 rgba(0, 0, 0, 0.1), 3px 5px 0 5px #d2b48c, 7px 14px 0 rgba(139, 69, 19, 0.4);
    box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2), inset -3px 0 rgba(0, 0, 0, 0.2), inset 9px 0 rgba(0, 0, 0, 0.1), inset -9px 0 rgba(0, 0, 0, 0.1), 3px 5px 0 5px #d2b48c, 7px 14px 0 rgba(139, 69, 19, 0.4)
}

#rey div:after {
    width: 28px;
    height: 14px;
    left: 10px;
    top: 28px;
    background: #444;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -25px -5px 0 -6px #b08245, -25px 5px 0 -6px #b08245, 65px -5px 0 -6px #b08245, 65px 5px 0 -6px #b08245, 40px 0 0 #444, 0 0 0 8px #cba97a, 40px 0 0 8px #cba97a, 0 0 0 14px #b98b4d, 40px 0 0 14px #b98b4d, 0 4px 0 14px rgba(0, 0, 0, 0.15), 40px 4px 0 14px rgba(0, 0, 0, 0.15);
    box-shadow: -25px -5px 0 -6px #b08245, -25px 5px 0 -6px #b08245, 65px -5px 0 -6px #b08245, 65px 5px 0 -6px #b08245, 40px 0 0 #444, 0 0 0 8px #cba97a, 40px 0 0 8px #cba97a, 0 0 0 14px #b98b4d, 40px 0 0 14px #b98b4d, 0 4px 0 14px rgba(0, 0, 0, 0.15), 40px 4px 0 14px rgba(0, 0, 0, 0.15)
}

#jyn-erso {
    background-color: #0cc;
}

#jyn-erso div {
    width: 110px;
    height: 145px;
    margin-left: -55px;
    margin-top: -72.5px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #6f370f 50%, transparent 50%), linear-gradient(2deg, #708090 9%, transparent 9%), linear-gradient(-3deg, #596673 15%, transparent 15%), linear-gradient(5deg, #708090 23%, transparent 23%), linear-gradient(-5deg, #596673 25%, transparent 25%), linear-gradient(12deg, #596673 25%, transparent 25%), linear-gradient(18deg, #434d56 30%, transparent 30%);
    background-size: 100% 80%, 100% 100%, 100% 100%, 100% 100%, 90% 100%, 90% 100%, 60% 100%;
    background-position: 50% -35%, 0 100%, 0 100%, 0 100%, 50% 100%, 50% 100%, 50% 100%;
    border-bottom-left-radius: 90px 50px;
    border-bottom-right-radius: 70px 50px;
}

#jyn-erso div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 32px;
    margin-left: -35px;
    background-color: #ffd8a9;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #556b2f 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #556b2f 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(circle, #f6b680 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #e9967a 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 15px 7px, 15px 7px, 18px 7px;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 13px 48px, 17px 53px, 20px 48px, 48px 48px, 52px 53px, 55px 48px, 23px 55px, 32px 55px, 50% 62px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), -5px 20px 0 -10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), -5px 20px 0 -10px rgba(0, 0, 0, 0.15)
}

#jyn-erso div:after {
    width: 94px;
    height: 120px;
    left: 50%;
    top: 11px;
    margin-left: -47px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #6f370f 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 50%, transparent 50%), radial-gradient(ellipse, #6f370f 50%, transparent 50%), radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 50%, transparent 50%), radial-gradient(ellipse, #ffd8a9 50%, transparent 50%), radial-gradient(ellipse, #6f370f 50%, transparent 50%);
    background-size: 80px 100px, 80px 100px, 80px 100px, 80px 100px, 50px 52px, 50px 50px;
    background-position: 35px -42px, 35px -37px, -21px -42px, -21px -37px, 42px 0, 37px 0;
    border-radius: 50%;
    -webkit-box-shadow: inset -13px 7px 0 #6f370f, inset 11px 5px 0 #6f370f;
    box-shadow: inset -13px 7px 0 #6f370f, inset 11px 5px 0 #6f370f
}

#rose-tico {
    background-color: #b9b900;
}

#rose-tico div {
    width: 110px;
    height: 145px;
    margin-left: -55px;
    margin-top: -72.5px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #222 55%, transparent 55%), radial-gradient(ellipse, rgba(0, 0, 0, 0.3) 50%, transparent 50%), radial-gradient(ellipse, #800000 50%, transparent 50%), radial-gradient(ellipse, #800000 50%, transparent 50%);
    background-size: 98% 80%, 50% 20%, 95% 40%, 50% 80%;
    background-position: 50% -35%, 50% 87%, 50% 100%, 50% 50px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

#rose-tico div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 32px;
    margin-left: -35px;
    background-color: #cd853f;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #222 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #222 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #a0522d 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #a0522d 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #a0522d 50%, transparent 50%), linear-gradient(80deg, #cd853f 30%, #222 30%), linear-gradient(-80deg, #cd853f 30%, #222 30%), linear-gradient(-60deg, #cd853f 30%, #222 30%), linear-gradient(-80deg, #cd853f 30%, #222 30%), linear-gradient(to bottom, #222 30%, transparent 30%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 7px, 15px 7px, 18px 7px, 10px 10px, 8px 6px, 14px 11px, 8px 7px, 100% 100%;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 23px 55px, 32px 55px, 50% 62px, 10px 14px, 22px 18px, 35px 13px, 49px 18px, 0 0;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), 0 -13px 0 #222, 0 -17px 0 rgba(255, 255, 255, 0.1), 0 32px 0 -26px rgba(0, 0, 0, 0.2), 0 32px 0 -26px #cd853f;
    box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), 0 -13px 0 #222, 0 -17px 0 rgba(255, 255, 255, 0.1), 0 32px 0 -26px rgba(0, 0, 0, 0.2), 0 32px 0 -26px #cd853f
}

#rose-tico div:after {
    width: 120px;
    height: 80px;
    left: 50%;
    top: 50px;
    margin-left: -60px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at 90% 20%, transparent 30%, #222 30%, #222 45%, transparent 45%), radial-gradient(ellipse at 90% 20%, transparent 30%, #222 30%, #222 40%, transparent 40%), radial-gradient(ellipse at 90% 20%, transparent 30%, #222 30%, #222 40%, transparent 40%), radial-gradient(ellipse at 0 20%, transparent 30%, #222 30%, #222 45%, transparent 45%), radial-gradient(ellipse at 0 20%, transparent 30%, #222 30%, #222 40%, transparent 40%), radial-gradient(ellipse at 0 20%, transparent 30%, #222 30%, #222 40%, transparent 40%);
    background-size: 20px 50px, 34px 68px, 40px 85px, 20px 48px, 34px 69px, 40px 89px;
    background-position: 90% 0, 93% 0, 94% 0, 11% 0, 8% 0, 7% 0
}

#amilyn-holdo {
    background-color: #8b008b;
}

#amilyn-holdo div {
    width: 100px;
    height: 145px;
    margin-left: -50px;
    margin-top: -72.5px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #ba55d3 55%, transparent 55%), radial-gradient(ellipse, transparent 41%, #c0c0c0 41%, #c0c0c0 43%, transparent 43%), radial-gradient(ellipse, transparent 41%, #c0c0c0 41%, #c0c0c0 43%, transparent 43%), linear-gradient(to top, transparent 40px, #ba55d3 40px, #ba55d3 70%, transparent 70%), radial-gradient(ellipse, rgba(0, 0, 0, 0.15) 60%, transparent 60%), radial-gradient(ellipse, #bc8f8f 60%, transparent 60%), radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 60%, transparent 60%), radial-gradient(ellipse, #bc8f8f 60%, transparent 60%);
    background-size: 140% 80%, 100% 80%, 90% 70%, 100% 100%, 50% 80%, 55% 90%, 60% 100%, 70% 100%;
    background-position: 50% -3px, 50% -22px, 50% -14px, 50% 0, 50% 17px, 50% 12px, 50% 5px, 50% 10px;
}

#amilyn-holdo div:before {
    width: 70px;
    height: 84px;
    left: 50%;
    top: 28px;
    margin-left: -35px;
    background-color: #ffd8a9;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #5f9ea0 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #5f9ea0 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #e9967a 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 7px, 15px 7px, 18px 7px;
    background-position: 13px 37px, 10px 34px, 49px 37px, 46px 34px, 23px 59px, 32px 59px, 50% 66px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 5px 0 0 rgba(0, 0, 0, 0.15), inset -5px 0 0 rgba(0, 0, 0, 0.15), 0 5px 0 rgba(0, 0, 0, 0.1)
}

#amilyn-holdo div:after {
    width: 140px;
    height: 100px;
    left: 50%;
    top: 25px;
    margin-left: -70px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at 100% 100%, transparent 60%, #ba55d3 60%), radial-gradient(ellipse at 100% 0, #ba55d3 50%, transparent 50%), radial-gradient(circle, #ba55d3 50%, transparent 50%), radial-gradient(circle, #ba55d3 50%, transparent 50%), radial-gradient(circle at 0 50%, transparent 40%, #ba55d3 40%), radial-gradient(circle at 100% 50%, #ba55d3 40%, transparent 40%), radial-gradient(circle at 0 50%, transparent 40%, #ba55d3 40%), radial-gradient(circle, #ba55d3 50%, transparent 50%), radial-gradient(circle at 100% 50%, transparent 40%, #ba55d3 40%), radial-gradient(circle at 0 50%, #ba55d3 40%, transparent 40%), radial-gradient(circle at 100% 50%, transparent 40%, #ba55d3 40%);
    background-size: 40px 55px, 55px 45px, 40px 40px, 30px 30px, 26px 20px, 30px 20px, 30px 20px, 30px 30px, 26px 20px, 30px 20px, 30px 20px;
    background-position: 30px 3px, 50px 0, 10px 40px, 7px -2px, 9px 20px, -8px 40px, 6px 60px, 103px -2px, 105px 20px, 118px 40px, 104px 60px
}

#mon-mothma {
    background-color: #f6f6e0;
}

#mon-mothma div {
    width: 140px;
    height: 110px;
    margin-left: -70px;
    margin-top: -75px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #a52a2a 50%, transparent 50%);
    background-size: 85% 120%;
    background-position: 50% -10px;
}

#mon-mothma div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 34px;
    margin-left: -35px;
    background-color: #ffe4c4;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #69843a 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #69843a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #e9967a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #e9967a 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 7px, 15px 7px, 18px 7px;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 23px 55px, 32px 55px, 50% 62px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.08), inset -7px 0 0 rgba(0, 0, 0, 0.08), 0 34px 0 -22px rgba(0, 0, 0, 0.1), 0 34px 0 -22px #ffe4c4;
    box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.08), inset -7px 0 0 rgba(0, 0, 0, 0.08), 0 34px 0 -22px rgba(0, 0, 0, 0.1), 0 34px 0 -22px #ffe4c4
}

#mon-mothma div:after {
    width: 140px;
    height: 180px;
    left: 50%;
    top: 20px;
    margin-left: -70px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at 0 -5px, #a52a2a 50%, transparent 50%), radial-gradient(ellipse at 100% -5px, #a52a2a 50%, transparent 50%), radial-gradient(ellipse, #c0c0c0 50%, transparent 50%), radial-gradient(ellipse, #c0c0c0 50%, transparent 50%), radial-gradient(ellipse, #c0c0c0 50%, transparent 50%), linear-gradient(45deg, transparent 49%, #c0c0c0 49%, #c0c0c0 52%, transparent 52%), linear-gradient(-45deg, transparent 49%, #c0c0c0 49%, #c0c0c0 52%, transparent 52%), radial-gradient(ellipse at 50% 0, transparent 40%, #c0c0c0 40%, #c0c0c0 42%, transparent 42%), radial-gradient(ellipse at 50% 0, transparent 40%, #c0c0c0 40%, #c0c0c0 42%, transparent 42%);
    background-size: 65px 40px, 43px 30px, 22px 12px, 22px 12px, 20px 20px, 38% 30%, 38% 30%, 120% 70%, 130% 80%;
    background-position: 35px 12px, 60px 10px, 9px 80px, 109px 80px, 50% 125px, 19px 85px, 70px 85px, 50% 85px, 50% 85px
}

#maz-kanata {
    background-color: #789;
}

#maz-kanata div {
    width: 150px;
    height: 130px;
    margin-left: -75px;
    margin-top: -65px;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse, #2f4f4f 50%, transparent 50%), radial-gradient(ellipse, #a9a9a9 50%, transparent 50%), radial-gradient(ellipse, #a9a9a9 50%, transparent 50%), radial-gradient(ellipse, #2f4f4f 50%, transparent 50%), radial-gradient(ellipse, #2f4f4f 50%, transparent 50%), radial-gradient(ellipse, #006f6f 50%, transparent 50%);
    background-size: 90% 107%, 7px 22px, 7px 22px, 30px 43px, 30px 43px, 60px 30px;
    background-position: 50% -14px, 16px 53px, 128px 53px, 12px 42px, 108px 42px, 50% 100%;
}

#maz-kanata div:before {
    width: 80px;
    height: 80px;
    left: 50%;
    top: 26px;
    margin-left: -40px;
    background-color: #cd853f;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #8b4513 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #8b4513 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #9f642a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #9f642a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #9f642a 50%, transparent 50%), -webkit-gradient(linear, left top, left bottom, from(#bb7531), to(#bb7531)), -webkit-gradient(linear, left top, left bottom, from(#bb7531), to(#bb7531));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #8b4513 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #8b4513 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #9f642a 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #9f642a 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #9f642a 50%, transparent 50%), linear-gradient(to bottom, #bb7531, #bb7531), linear-gradient(to bottom, #bb7531, #bb7531);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 4px, 15px 4px, 18px 4px, 30px 2px, 23px 2px;
    background-position: 13px 33px, 10px 30px, 58px 33px, 55px 30px, 29px 61px, 36px 61px, 50% 64px, 50% 13px, 50% 17px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), 0 36px 0 -26px rgba(0, 0, 0, 0.25), 0 36px 0 -26px #cd853f;
    box-shadow: inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), 0 36px 0 -26px rgba(0, 0, 0, 0.25), 0 36px 0 -26px #cd853f
}

#maz-kanata div:after {
    width: 110px;
    height: 60px;
    left: 50%;
    top: 30px;
    margin-left: -55px;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.25) 50%, transparent 50%), radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.25) 50%, transparent 50%), radial-gradient(circle, transparent 33%, #a9a9a9 33%, #a9a9a9 50%, transparent 50%), radial-gradient(circle, transparent 33%, #a9a9a9 33%, #a9a9a9 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.15) 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.15) 50%, transparent 50%), -webkit-gradient(linear, left top, left bottom, color-stop(20%, #a9a9a9), color-stop(20%, transparent), color-stop(80%, transparent), color-stop(80%, #a9a9a9)), -webkit-gradient(linear, left top, left bottom, color-stop(20%, #a9a9a9), color-stop(20%, transparent), color-stop(80%, transparent), color-stop(80%, #a9a9a9)), -webkit-gradient(linear, left top, right top, from(#a9a9a9), to(#a9a9a9)), -webkit-gradient(linear, left top, right top, from(#a9a9a9), to(#a9a9a9));
    background-image: radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.25) 50%, transparent 50%), radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.25) 50%, transparent 50%), radial-gradient(circle, transparent 33%, #a9a9a9 33%, #a9a9a9 50%, transparent 50%), radial-gradient(circle, transparent 33%, #a9a9a9 33%, #a9a9a9 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.15) 50%, transparent 50%), radial-gradient(circle, rgba(0, 0, 0, 0.15) 50%, transparent 50%), linear-gradient(to bottom, #a9a9a9 20%, transparent 20%, transparent 80%, #a9a9a9 80%), linear-gradient(to bottom, #a9a9a9 20%, transparent 20%, transparent 80%, #a9a9a9 80%), linear-gradient(to right, #a9a9a9, #a9a9a9), linear-gradient(to right, #a9a9a9, #a9a9a9);
    background-size: 46px 15px, 46px 15px, 46px 46px, 46px 46px, 48px 48px, 48px 48px, 20px 10px, 20px 10px, 2px 10px, 2px 10px;
    background-position: 9px 18px, 54px 18px, 9px 10px, 54px 10px, 8px 13px, 52px 13px, 0 28px, 100% 28px, 8px 28px, 93% 28px
}

#ahsoka-tano {
    background-color: #ee8761;
}

#ahsoka-tano div {
    width: 110px;
    height: 170px;
    margin-left: -55px;
    margin-top: -75px;
    background-repeat: no-repeat;
    background-image: linear-gradient(70deg, transparent 39%, rgba(0, 0, 0, 0.1) 39%), linear-gradient(70deg, transparent 30%, #708090 30%), linear-gradient(-82deg, transparent 15%, #708090 15%), linear-gradient(70deg, transparent 40%, #fdf5e6 40%), linear-gradient(-80deg, transparent 40%, #fdf5e6 40%), linear-gradient(74deg, transparent 30%, #708090 30%), linear-gradient(-80deg, transparent 40%, #708090 40%), radial-gradient(ellipse at 50% 0, #708090 30%, transparent 30%), linear-gradient(-70deg, transparent 73%, rgba(0, 0, 0, 0.1) 73%), linear-gradient(82deg, transparent 15%, #708090 15%), linear-gradient(-70deg, transparent 30%, #708090 30%), linear-gradient(80deg, transparent 40%, #fdf5e6 40%), linear-gradient(-70deg, transparent 40%, #fdf5e6 40%), linear-gradient(80deg, transparent 40%, #708090 40%), linear-gradient(-74deg, transparent 30%, #708090 30%), radial-gradient(ellipse at 50% 0, #708090 30%, transparent 30%);
    background-size: 10px 60px, 20px 30px, 20px 30px, 18px 20px, 18px 20px, 12px 20px, 12px 20px, 17px 18px, 10px 90px, 20px 30px, 20px 30px, 18px 20px, 18px 20px, 12px 20px, 12px 20px, 17px 18px;
    background-position: 0 70px, 0 90px, 20px 90px, 7px 120px, 23px 120px, 17px 140px, 23px 140px, 17px 157px, 100% 90px, 70px 90px, 90px 90px, 69px 120px, 85px 120px, 75px 140px, 81px 140px, 76px 157px;
}

#ahsoka-tano div:before {
    width: 70px;
    height: 80px;
    left: 50%;
    top: 30px;
    margin-left: -35px;
    z-index: 2;
    background-color: #d2691e;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #4682b4 50%, transparent 50%), radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, transparent 50%), radial-gradient(circle, #4682b4 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #724444 50%, transparent 50%), radial-gradient(ellipse at 50% 120%, #724444 50%, transparent 50%), radial-gradient(ellipse at 50% -20%, #724444 50%, transparent 50%), linear-gradient(80deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(-80deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(-50deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(50deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(50deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(-50deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(-80deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), linear-gradient(80deg, transparent 40%, #fdf5e6 40%, #fdf5e6 60%, transparent 60%), radial-gradient(ellipse at 50% 100%, transparent 40%, #fdf5e6 40%, #fdf5e6 55%, transparent 55%), radial-gradient(ellipse at 50% 100%, transparent 40%, #fdf5e6 40%, #fdf5e6 55%, transparent 55%), linear-gradient(-45deg, transparent 30%, #fdf5e6 30%, #fdf5e6 70%, transparent 70%), linear-gradient(45deg, transparent 30%, #fdf5e6 30%, #fdf5e6 70%, transparent 70%), radial-gradient(circle, #d2691e 50%, transparent 50%), linear-gradient(50deg, #d2691e 40%, transparent 40%), radial-gradient(ellipse at 100% 0, transparent 30%, #fdf5e6 30%, #fdf5e6 50%, transparent 50%), radial-gradient(circle, #d2691e 50%, transparent 50%), linear-gradient(-50deg, #d2691e 40%, transparent 40%), radial-gradient(ellipse at 0 0, transparent 30%, #fdf5e6 30%, #fdf5e6 50%, transparent 50%);
    background-size: 4px 4px, 14px 14px, 4px 4px, 14px 14px, 15px 7px, 15px 7px, 18px 7px, 10px 10px, 10px 10px, 10px 6px, 10px 6px, 10px 6px, 10px 6px, 10px 10px, 10px 10px, 35px 10px, 35px 10px, 5px 10px, 5px 10px, 10px 10px, 8px 8px, 13px 30px, 10px 10px, 8px 8px, 13px 30px;
    background-position: 13px 33px, 10px 30px, 49px 33px, 46px 30px, 23px 55px, 32px 55px, 50% 62px, 42% 0, 58% 0, 40% 10px, 60% 10px, 40% 16px, 60% 16px, 42% 22px, 58% 22px, 0 22px, 100% 22px, 22% 8px, 78% 8px, 12% 40px, 11% 50px, 7% 45px, 88% 40px, 89% 50px, 93% 45px;
    border-top-left-radius: 110px 80px;
    border-top-right-radius: 110px 80px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    -webkit-box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.2), inset -3px 0 0 rgba(0, 0, 0, 0.2), inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), 0 5px 0 rgba(0, 0, 0, 0.1), 0 -2px 0 rgba(0, 0, 0, 0.2), 0 -28px 0 -22px #808000, -13px -20px 0 -20px #808000, 13px -20px 0 -20px #808000, -20px -12px 0 -20px #808000, 20px -12px 0 -20px #808000;
    box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.2), inset -3px 0 0 rgba(0, 0, 0, 0.2), inset 7px 0 0 rgba(0, 0, 0, 0.1), inset -7px 0 0 rgba(0, 0, 0, 0.1), 0 5px 0 rgba(0, 0, 0, 0.1), 0 -2px 0 rgba(0, 0, 0, 0.2), 0 -28px 0 -22px #808000, -13px -20px 0 -20px #808000, 13px -20px 0 -20px #808000, -20px -12px 0 -20px #808000, 20px -12px 0 -20px #808000
}

#ahsoka-tano div:after {
    width: 110px;
    height: 105px;
    left: 50%;
    margin-left: -55px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: linear-gradient(56deg, #708090 70%, transparent 70%), linear-gradient(-56deg, #708090 70%, transparent 70%);
    background-size: 40% 35px;
    background-position: 0 0, 100% 0;
    border-top-left-radius: 80px 150px;
    border-top-right-radius: 80px 150px;
    border-bottom-left-radius: 100px 30px;
    border-bottom-right-radius: 100px 30px;
    -webkit-box-shadow: inset 38px 0 0 -30px rgba(0, 0, 0, 0.1), inset -38px 0 0 -30px rgba(0, 0, 0, 0.1), inset 0 -72px 0 -50px #fdf5e6, inset 0 -50px 0 #708090, inset 0 -82px 0 #fdf5e6;
    box-shadow: inset 38px 0 0 -30px rgba(0, 0, 0, 0.1), inset -38px 0 0 -30px rgba(0, 0, 0, 0.1), inset 0 -72px 0 -50px #fdf5e6, inset 0 -50px 0 #708090, inset 0 -82px 0 #fdf5e6
}

#svg {
    background: #ffd700;
}

#svg div {
    width: 240px;
    height: 240px;
    margin-left: -120px;
    margin-top: -120px;
    background-color: #f90;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, white, white), linear-gradient(to bottom, white, white), linear-gradient(45deg, transparent 41%, white 41%, white 60%, transparent 60%), linear-gradient(-45deg, transparent 41%, white 41%, white 60%, transparent 60%), radial-gradient(circle, white 30%, black 30%, black 54%, transparent 54%), radial-gradient(circle, white 30%, black 30%, black 54%, transparent 54%), radial-gradient(circle, white 30%, black 30%, black 54%, transparent 54%), radial-gradient(circle, white 30%, black 30%, black 54%, transparent 54%), radial-gradient(circle, white 30%, black 30%, black 54%, transparent 54%), radial-gradient(circle, black 50%, transparent 50%), linear-gradient(to right, black, black), radial-gradient(circle, #f90 70%, transparent 70%), radial-gradient(circle, #f90 70%, transparent 70%), radial-gradient(circle, #f90 70%, transparent 70%), radial-gradient(ellipse at 100% 115%, transparent 80%, #ffb13b 80%), radial-gradient(ellipse at 0 0, transparent 80%, #de8500 80%);
    background-size: 10% 60%, 60% 11%, 38% 38%, 38% 38%, 35% 35%, 35% 35%, 35% 35%, 35% 35%, 35% 35%, 95% 95%, 88.4% 8%, 38% 38%, 38% 38%, 38% 38%, 100% 100%, 100% 100%;
    background-position: center center, center center, 40% 41%, 60% 40%, 2.8% 51%, 16% 16%, center 3%, 84% 16%, 97.3% 51%, center center, center 54.5%, -1% center, 14% 14%, center 0, 0 0, 0 0;
    border-radius: 10px;
}

#svg div:before {
    width: 80%;
    height: 37%;
    bottom: 9%;
    left: 50%;
    margin-left: -40%;
    background-color: #3f3f3f;
    background-image: radial-gradient(ellipse at -35% 80%, black 60%, transparent 60%);
    background-size: 300% 250%;
    border-radius: 10px 10px 1px 1px;
    -webkit-box-shadow: 0 0 0 10px black;
    box-shadow: 0 0 0 10px black
}

#svg div:after {
    width: 82%;
    height: 42%;
    bottom: 7%;
    left: 50%;
    margin-left: -41%;
    background-repeat: no-repeat;
    background-image: radial-gradient(ellipse at 100% 52%, #3f3f3f 26%, black 26%, black 29%, white 29%, white 62%, black 62%, black 65%, transparent 65%), radial-gradient(ellipse at 0 100%, #3f3f3f 26%, black 26%, black 29%, white 29%, white 66%, black 66%, black 69%, transparent 69%), linear-gradient(to top, black, black), radial-gradient(ellipse at 0 52%, black 29%, transparent 29%), radial-gradient(ellipse at 0 52%, white 62%, transparent 62%), radial-gradient(ellipse at 100% 0, black 29%, white 29%, white 66%, transparent 66%), linear-gradient(79deg, transparent 31%, black 31%, black 33%, white 33%, white 55%, transparent 55%), linear-gradient(-79deg, transparent 31%, black 31%, black 33%, white 33%, white 55%, transparent 55%), linear-gradient(79deg, transparent 55%, black 55%, black 57%, transparent 57%), linear-gradient(-79deg, transparent 55%, black 55%, black 57%, transparent 57%), radial-gradient(ellipse at 50% 100%, #3f3f3f 26%, black 26%, black 29%, white 29%, white 62%, black 62%, black 65%, transparent 65%), linear-gradient(to left, transparent 4%, black 4%, black 32%, transparent 32%), radial-gradient(ellipse at 50% 0, black 29%, white 29%, white 62%, transparent 62%), linear-gradient(to right, transparent 5%, black 5%, black 6.5%, white 6.5%, white 29.5%, black 29.5%, black 31.5%, transparent 31.5%), linear-gradient(to left, transparent 7%, white 7%, white 53%, transparent 53%), linear-gradient(to left, transparent 4%, black 4%, black 55%, transparent 55%), linear-gradient(to left, transparent 4%, black 4%, black 6.4%, white 6.4%, white 29.5%, transparent 29.5%);
    background-size: 17% 60%, 15% 28%, 9.2% 2%, 17% 60%, 17% 60%, 15% 28%, 26% 94%, 26% 94%, 26% 94%, 26% 94%, 32% 30%, 32% 3%, 32% 30%, 32% 50%, 32% 16%, 32% 17%, 32% 33%;
    background-position: 6% 3%, 24.5% 4.2%, 29.1% 31%, 25% 101.5%, 25% 102.5%, 8.2% 102.5%, 45.5% 68%, 54.5% 68%, 45.5% 68%, 54.5% 68%, 92% 1%, 92% 30%, 92% 105%, 92% 50%, 92% 53.2%, 92% 52%, 92% 65%;
}

@media (-webkit-min-device-pixel-ratio: 3) {
    #svg div:after {
        background-position: 6% 3%, 24.5% 4.2%, 29.1% 31%, 25% 101.5%, 25% 102.5%, 8.2% 101.5%, 45.5% 68%, 54.5% 68%, 45.5% 68%, 54.5% 68%, 92% 1%, 92% 30%, 92% 105%, 92% 50%, 92% 53.2%, 92% 52%, 92% 65%
    }
}

#space-pizza {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffe631;
    background-image: radial-gradient(circle at 5% 5%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 21% 40%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 40% 68%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 8% 85%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 70% 25%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 85% 45%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 64% 55%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 67% 80%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), linear-gradient(64deg, transparent 22%, black 22%, black 52%, transparent 52%), linear-gradient(-64deg, transparent 22%, black 22%, black 52%, transparent 52%), radial-gradient(circle at 44% 13%, #dc143c 3%, transparent 3%), radial-gradient(circle at 55% 15%, #dc143c 3%, transparent 3%), radial-gradient(circle at 49% 25%, #dc143c 4%, transparent 4%), radial-gradient(circle at 0 51%, #a0522d 3%, transparent 3%), radial-gradient(circle at 100% 51%, #a0522d 3%, transparent 3%), radial-gradient(circle at 7% 61%, #a0522d 3%, transparent 3%), radial-gradient(circle at 95% 63%, #a0522d 3%, transparent 3%), linear-gradient(to bottom, #cd853f 5%, transparent 5%, transparent 70%, #cd853f 70%, #cd853f 75%, black 75%);
    background-size: 100px 100px;
    background-position: center 10px;
    border-right: 1px solid #666
}

#space-donuts {
    background-color: black;
    background-image: radial-gradient(circle at 5% 8%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 26% 48%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 40% 70%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 30% 94%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 60% 60%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 55% 86%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 80% 5%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 88% 26%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 78% 40%, rgba(255, 255, 255, 0.3) 1%, transparent 1%), radial-gradient(circle at 50% 10%, #c69c6a 6%, transparent 6%), radial-gradient(circle at 58% 12%, #c69c6a 5%, transparent 5%), radial-gradient(circle at 63% 18%, #c69c6a 5%, transparent 5%), radial-gradient(circle at 64% 25%, #c69c6a 7%, transparent 7%), radial-gradient(circle at 61% 34%, #c69c6a 6%, transparent 6%), radial-gradient(circle at 55% 39%, #c69c6a 5%, transparent 5%), radial-gradient(circle at 46% 39%, #c69c6a 6%, transparent 6%), radial-gradient(circle at 40% 34%, #c69c6a 7%, transparent 7%), radial-gradient(circle at 36% 27%, #c69c6a 5%, transparent 5%), radial-gradient(circle at 39% 16%, #c69c6a 7%, transparent 7%), radial-gradient(circle at 50% 25%, transparent 8%, #c69c6a 8%, #c69c6a 18%, #96540c 18%, #96540c 25%, transparent 25%), radial-gradient(circle at 8% 62%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 12% 70%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 4% 65%, #29caef 1%, transparent 1%), radial-gradient(circle at 15% 77%, white 1%, transparent 1%), radial-gradient(circle at 10% 78%, #29caef 1%, transparent 1%), radial-gradient(circle at 8% 85%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 1% 89%, white 1%, transparent 1%), radial-gradient(circle at 0 61%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 8% 64%, #5e2d1c 6%, transparent 6%), radial-gradient(circle at 13% 70%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 13% 78%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 10% 84%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 0 89%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 0 75%, transparent 6%, #5e2d1c 6%, #5e2d1c 13%, #96540c 13%, #96540c 18%, transparent 18%), radial-gradient(circle at 96% 63%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 89% 63%, #29caef 1%, transparent 1%), radial-gradient(circle at 92% 68%, white 1%, transparent 1%), radial-gradient(circle at 84% 73%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 90% 78%, #29caef 1%, transparent 1%), radial-gradient(circle at 87% 85%, white 1%, transparent 1%), radial-gradient(circle at 95% 84%, #ef54b4 1%, transparent 1%), radial-gradient(circle at 100% 61%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 90% 64%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 86% 74%, #5e2d1c 6%, transparent 6%), radial-gradient(circle at 89% 83%, #5e2d1c 5.5%, transparent 5.5%), radial-gradient(circle at 100% 89%, #5e2d1c 5%, transparent 5%), radial-gradient(circle at 100% 75%, transparent 6%, #5e2d1c 6%, #5e2d1c 13%, #96540c 13%, #96540c 18%, transparent 18%);
    background-size: 100px 100px;
    background-position: center 20px
}

@media all and (max-width: 959px) {
    #space-pizza, #space-donuts {
        min-height: 280px
    }

    #space-pizza {
        border-right: none;
        border-bottom: 1px solid #666
    }
}

#honey-badger {
    background: #555;
}

#honey-badger div {
    width: 290px;
    height: 100px;
    margin-left: -155px;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-image: linear-gradient(115deg, black 60%, transparent 60%), linear-gradient(115deg, black 60%, transparent 60%), linear-gradient(115deg, black 60%, transparent 60%), linear-gradient(-115deg, black 60%, transparent 60%), radial-gradient(ellipse at 100% 100%, transparent 55%, black 55%), radial-gradient(circle, rgba(0, 0, 0, 0.3) 45%, transparent 45%), radial-gradient(circle at 0 0, white 58%, black 58%), radial-gradient(circle at 100% 100%, black 60%, white 60%), linear-gradient(to bottom, white 34%, black 34%), linear-gradient(25deg, black 50%, transparent 50%), linear-gradient(25deg, black 50%, transparent 50%), radial-gradient(circle at 50% 0, #ffd700 50%, transparent 50%), radial-gradient(ellipse at 0 0, black 70%, transparent 70%), radial-gradient(circle at 100% 0, black 70%, transparent 70%), linear-gradient(to bottom, black, black);
    background-size: 9% 38%, 9% 38%, 9% 38%, 9% 38%, 15% 30%, 20% 30%, 5% 11%, 5% 11%, 15% 30%, 5% 9%, 5% 9%, 4% 4%, 15% 32%, 5% 14%, 25% 14%;
    background-position: 20% 100%, 30% 100%, 71.4% 100%, 81% 100%, 83% 46%, 85.5% 19%, 85% 8%, 77% 19%, 83% 10%, 82% 0, 87% 0, 90% 15%, 100% 10%, 0 8%, 5% 8%;
}

#honey-badger div:before {
    width: 57%;
    height: 57%;
    left: 17%;
    top: 7%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background-image: linear-gradient(to bottom, white, white);
    background-size: 95% 50%;
    background-position: 100% 0;
    border-bottom-left-radius: 40px;
    -webkit-box-shadow: inset 5px -36px 0 black, inset 13px -43px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 5px -36px 0 black, inset 13px -43px 0 rgba(0, 0, 0, 0.3)
}

#cobra {
    background: #666;
}

#cobra div {
    width: 200px;
    height: 160px;
    margin-left: -100px;
    margin-top: -90px;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 50% 0, #ffd700 50%, transparent 50%), radial-gradient(ellipse at 100% 100%, black 70%, transparent 70%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, white, white), radial-gradient(ellipse at 0 50%, white 70%, transparent 70%), radial-gradient(ellipse at 0 50%, black 70%, transparent 70%), radial-gradient(ellipse at 100% 100%, black 70%, transparent 70%);
    background-size: 3% 3%, 15% 14%, 3% 4%, 3% 4%, 2% 56.3%, 12% 45%, 20% 60%, 9% 25%;
    background-position: 18% 10%, 10% 6%, 10.5% 19%, 14% 19%, 19.5% 15%, 23% 33%, 26% 6%, 80% 52.5%;
}

#cobra div:before, #cobra div:after {
    height: 16%;
    border-radius: 12px
}

#cobra div:before {
    width: 90%;
    bottom: 0;
    left: 5%;
    background: linear-gradient(-150deg, black 30%, transparent 30%, transparent 32.5%, black 32.5%)
}

#cobra div:after {
    width: 80%;
    bottom: 18%;
    left: 10%;
    background: linear-gradient(160deg, black 45%, transparent 45%, transparent 49%, black 49%)
}

#xray {
    background-color: #e0ffff;
    background-image: linear-gradient(to right, transparent 30%, #d2b48c 30%, #d2b48c 47%, #ddc7a9 47%, #ddc7a9 53%, #d2b48c 53%, #d2b48c 70%, transparent 70%), linear-gradient(to right, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent), linear-gradient(45deg, #bbb 22%, #888 22%, #888 25%, #bbb 25%, #bbb 75%, #888 75%, #888 78%, #bbb 78%), radial-gradient(circle, #888 8px, rgba(255, 255, 255, 0.9) 8px, rgba(255, 255, 255, 0.9) 11px, transparent 11px), linear-gradient(-45deg, #bbb 22%, #888 22%, #888 25%, #bbb 25%, #bbb 75%, #888 75%, #888 78%, #bbb 78%), linear-gradient(to bottom, #666 50%, #555 50%);
    background-size: 200px 70px, 290px 11.5%, 200px 7px, 100px 30px, 200px 7px, 200px 10%;
    background-position: 50% 56.2%, 50% 72.2%, 0 65%, 50% 71%, 0 75%, 0 72%;
    background-repeat: repeat-x, no-repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    -webkit-animation: moveDiv 2000ms linear infinite;
    animation: moveDiv 2000ms linear infinite;
}

#xray:before {
    content: '';
    width: 200px;
    height: 202px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 27%;
    background-image: linear-gradient(165deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%), linear-gradient(to right, #002525, #002525), linear-gradient(to right, transparent 20%, #1aa093 20%, #1aa093 40%, transparent 40%, transparent 60%, #1aa093 60%, #1aa093 80%, transparent 80%), radial-gradient(circle, #1ba99b 50%, transparent 50%), radial-gradient(circle, #1ba99b 50%, transparent 50%), radial-gradient(circle, #1ba99b 50%, transparent 50%), linear-gradient(to bottom, #40e0d0 90%, #21ccbb 90%);
    background-size: 164px 130px, 170px 130px, 100% 10px, 16px 16px, 16px 16px, 16px 16px, 100% 100%;
    background-position: 50% 27%, 50% 22%, 50% 100%, 70% 85%, 80% 85%, 90% 85%, 0 0;
    background-repeat: no-repeat;
    border-radius: 10px 10px 3px 3px;
    border-top: 3px solid #21ccbb
}

#xray:after {
    content: '';
    width: 170px;
    height: 130px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    top: 38%;
    background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)), repeating-linear-gradient(to bottom, white, white 2px, transparent 2px, transparent 12px), -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, #10635a), color-stop(40%, transparent), color-stop(60%, transparent), color-stop(70%, #10635a), color-stop(70%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(35%, transparent), color-stop(34%, #1aa093), color-stop(44%, #1aa093), color-stop(44%, transparent), color-stop(45%, transparent), color-stop(45%, #21ccbb), color-stop(55%, #21ccbb), color-stop(55%, transparent), color-stop(56%, transparent), color-stop(56%, #168a7f), color-stop(65%, #168a7f), color-stop(65%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(35%, transparent), color-stop(34%, #1eb6a7), color-stop(44%, #1eb6a7), color-stop(44%, transparent), color-stop(45%, transparent), color-stop(45%, #1aa093), color-stop(55%, #1aa093), color-stop(55%, transparent), color-stop(56%, transparent), color-stop(56%, #21ccbb), color-stop(65%, #21ccbb), color-stop(65%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(35%, transparent), color-stop(34%, #168a7f), color-stop(44%, #168a7f), color-stop(44%, transparent), color-stop(45%, transparent), color-stop(45%, #1aa093), color-stop(55%, #1aa093), color-stop(55%, transparent), color-stop(56%, transparent), color-stop(56%, #1eb6a7), color-stop(65%, #1eb6a7), color-stop(65%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, #003e3f), color-stop(70%, #003e3f), color-stop(70%, transparent));
    background-image: linear-gradient(to right, white, white), repeating-linear-gradient(to bottom, white, white 2px, transparent 2px, transparent 12px), linear-gradient(to right, transparent 30%, #10635a 30%, transparent 40%, transparent 60%, #10635a 70%, transparent 70%), linear-gradient(to right, transparent 35%, #1aa093 34%, #1aa093 44%, transparent 44%, transparent 45%, #21ccbb 45%, #21ccbb 55%, transparent 55%, transparent 56%, #168a7f 56%, #168a7f 65%, transparent 65%), linear-gradient(to right, transparent 35%, #1eb6a7 34%, #1eb6a7 44%, transparent 44%, transparent 45%, #1aa093 45%, #1aa093 55%, transparent 55%, transparent 56%, #21ccbb 56%, #21ccbb 65%, transparent 65%), linear-gradient(to right, transparent 35%, #168a7f 34%, #168a7f 44%, transparent 44%, transparent 45%, #1aa093 45%, #1aa093 55%, transparent 55%, transparent 56%, #1eb6a7 56%, #1eb6a7 65%, transparent 65%), linear-gradient(to right, transparent 30%, #003e3f 30%, #003e3f 70%, transparent 70%);
    background-size: 2px 50px, 8px 50px, 200px 70px, 200px 18px, 200px 18px, 200px 18px, 200px 70px;
    background-position: 15px 40px, 16px 40px, 50% 56%, 50% 40%, 50% 58%, 50% 76%, 50% 56%;
    background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-x, repeat-x, repeat-x;
    -webkit-animation: moveAfter 2000ms linear infinite;
    animation: moveAfter 2000ms linear infinite
}

@-webkit-keyframes moveDiv {
    to {
        background-position-x: calc(50% + 200px), 50%, 200px, 50%, -200px, 0
    }
}

@keyframes moveDiv {
    to {
        background-position-x: calc(50% + 200px), 50%, 200px, 50%, -200px, 0
    }
}

@-webkit-keyframes moveAfter {
    to {
        background-position-x: 15px, 16px, calc(50% + 200px), calc(50% + 200px), calc(50% + 200px), calc(50% + 200px), calc(50% + 200px)
    }
}

@keyframes moveAfter {
    to {
        background-position-x: 15px, 16px, calc(50% + 200px), calc(50% + 200px), calc(50% + 200px), calc(50% + 200px), calc(50% + 200px)
    }
}

#the-goddman-pen-is-blue {
    background: #ddd;
}

#the-goddman-pen-is-blue div {
    width: 350px;
    height: 10px;
    margin-left: -175px;
    margin-top: -5px;
    border-top-right-radius: 80px 7px;
    border-bottom-right-radius: 80px 7px;
    -webkit-box-shadow: 10px 26px 20px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 26px 20px 8px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

@media (max-width: 400px) {
    #the-goddman-pen-is-blue div {
        -webkit-transform: scale(.8) rotate(4deg);
        transform: scale(.8) rotate(4deg)
    }
}

#the-goddman-pen-is-blue div:before {
    width: 75%;
    height: 8px;
    top: 0;
    border-top-right-radius: 80px 7px;
    border-bottom-right-radius: 80px 7px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 28px 22px 10px rgba(0, 0, 0, 0.7), 8px 24px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 28px 22px 10px rgba(0, 0, 0, 0.7), 8px 24px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
}

#the-goddman-pen-is-blue div:after {
    width: 350px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, from(#c0c0c0), to(#808080)), -webkit-gradient(linear, left top, right top, from(#c0c0c0), to(#c0c0c0)), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), radial-gradient(ellipse at 30px 28px, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 75%), radial-gradient(ellipse at right center, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0) 40%), -webkit-gradient(linear, left top, left bottom, from(#4169e1), to(#191970)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(#0000cd), to(#191970)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(#4169e1), to(#191970));
    background-image: linear-gradient(to right, #c0c0c0, #808080), linear-gradient(to right, #c0c0c0, #c0c0c0), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), radial-gradient(ellipse at 30px 28px, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 75%), radial-gradient(ellipse at right center, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0) 40%), linear-gradient(to bottom, #4169e1, #191970), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to top, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #0000cd, #191970), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #4169e1, #191970);
    background-size: 24% 21%, 26% 30%, .8% 25%, 1% 24%, 34% 50%, 1.5% 50%, 35% 100%, 58% 20%, 56% 30%, 60% 95%, 8% 16%, 10% 78%;
    background-position: 94% 46%, 95% 45%, 8% 5%, 65.7% 2%, 100% 20%, 100% center, 100% center, 21% 40%, 20% 98%, 20% center, 0 32%, 0 center;
    border-top-right-radius: 80px 7px;
    border-bottom-right-radius: 80px 7px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
}

#the-goddman-pen-is-blue div:hover:after {
    background-image: -webkit-gradient(linear, left top, right top, from(#c0c0c0), to(#808080)), -webkit-gradient(linear, left top, right top, from(#c0c0c0), to(#c0c0c0)), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), radial-gradient(ellipse at 30px 28px, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 75%), radial-gradient(ellipse at right center, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0) 40%), -webkit-gradient(linear, left top, left bottom, from(#f16581), to(#b22222)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(#dc143c), to(#b22222)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(#f16581), to(#b22222));
    background-image: linear-gradient(to right, #c0c0c0, #808080), linear-gradient(to right, #c0c0c0, #c0c0c0), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), radial-gradient(ellipse at 30px 28px, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 75%), radial-gradient(ellipse at right center, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0) 40%), linear-gradient(to bottom, #f16581, #b22222), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to top, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #dc143c, #b22222), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #f16581, #b22222)
}

#penrose-triangle {
    background: #66cdaa;
}

#penrose-triangle div {
    width: 180px;
    height: 150px;
    margin-left: -60px;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-image: linear-gradient(-30deg, transparent 42.5%, #a3e1cc 42.5%, #a3e1cc 58.2%, transparent 58.2%), linear-gradient(-30deg, transparent 55%, #f0faf7 55%, #f0faf7 70%, transparent 70%), linear-gradient(30deg, transparent 70%, #f0faf7 70%, #f0faf7 94.8%, transparent 94.8%), linear-gradient(30deg, transparent 45%, #d1f0e6 45%, #d1f0e6 75%, transparent 75%);
    background-size: 100% 95%, 100% 95%, 100% 20%, 100% 20%;
    background-position: 0 100%, 0 100%, 0 0, 0 0;
}

#penrose-triangle div:before {
    width: 60px;
    height: 250px;
    left: -30px;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(30deg, transparent 7%, #d1f0e6 7%, #d1f0e6 86.5%, transparent 86.5%), linear-gradient(-30deg, transparent 7%, #a3e1cc 7%, #a3e1cc 86.5%, transparent 86.5%), linear-gradient(-30deg, transparent 50%, #f0faf7 50%, #f0faf7 93%, transparent 93%), linear-gradient(30deg, transparent 50%, #f0faf7 50%, #f0faf7 93%, transparent 93%);
    background-size: 50.1% 100%;
    background-position: 0 100%, 100% 100%, 0 0, 100% 0
}

#penrose-triangle div:after {
    width: 180px;
    height: 108px;
    bottom: 142px;
    background-repeat: no-repeat;
    background-image: linear-gradient(30deg, transparent 33.8%, #f0faf7 33.8%, #f0faf7 50.5%, transparent 50.5%), linear-gradient(30deg, transparent 18.3%, #d1f0e6 18.3%, #d1f0e6 34%, transparent 34%);
    background-size: 100% 100%;
    background-position: 0 0
}

#penrose-triangle-cube {
    background: #40e0d0;
}

#penrose-triangle-cube div {
    width: 224px;
    height: 260px;
    margin-left: -112px;
    margin-top: -130px;
    background-repeat: no-repeat;
    background-image: linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #8cece3 25%, #8cece3 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%), linear-gradient(30deg, transparent 25%, #ecfcfa 25%, #ecfcfa 75%, transparent 75%), linear-gradient(150deg, transparent 25%, #bcf4ef 25%, #bcf4ef 75%, transparent 75%);
    background-size: 15% 23%;
    background-position: 44.4% 85%, 44.4% 75%, 54% 68%, 71.4% 68%, 54% 58%, 71.4% 58%, 81% 52%, 98.4% 52%, 81% 42%, 98.4% 42%, 54% 38%, 71.4% 38%, 54% 28%, 71.4% 28%, 27.1% 25%, 44.4% 25%, 27.1% 15%, 44.4% 15%, 0 10%, 17.4% 10%, 0 0, 17.4% 0, 0 40%, 17.4% 40%, 0 30%, 17.4% 30%, 0 70%, 17.4% 70%, 0 60%, 17.4% 60%, 0 100%, 17.4% 100%, 0 90%, 17.4% 90%, 27.1% 85%, 27.1% 75%
}

#impossible-rectangle {
    background-color: #f08080;
}

#impossible-rectangle div {
    width: 280px;
    height: 200px;
    margin-left: -140px;
    margin-top: -100px;
    background-repeat: no-repeat;
    background-image: linear-gradient(120deg, transparent 35%, #fdf2f2 35%), linear-gradient(120deg, #fad3d3 65%, transparent 65%), linear-gradient(120deg, transparent 48%, #fad3d3 48%, #fad3d3 64%, transparent 64%), linear-gradient(120deg, transparent 36%, #fdf2f2 36%, #fdf2f2 52%, transparent 52%), linear-gradient(120deg, transparent 15%, #fdf2f2 15%, #fdf2f2 65%, transparent 65%), linear-gradient(120deg, transparent 36%, #f6b3b3 36%, #f6b3b3 60%, transparent 60%), linear-gradient(120deg, transparent 35%, #fad3d3 35%, #fad3d3 85%, transparent 85%), linear-gradient(120deg, transparent 35%, #fad3d3 35%, #fad3d3 85%, transparent 85%), linear-gradient(120deg, transparent 40.8%, #f6b3b3 40.8%, #f6b3b3 60%, transparent 60%), linear-gradient(120deg, transparent 15%, #fdf2f2 15%, #fdf2f2 65%, transparent 65%);
    background-size: 100% 20%, 100% 20%, 50% 100%, 50% 100%, 50% 40%, 20% 100%, 50% 40%, 50% 40%, 20% 100%, 50% 40%;
    background-position: 0 0, 0 100%, 100% 0, 0 0, 10% 100%, 24% 0, 30% 0, 80% 0, 75.5% 100%, 70% 100%
}

#impossible-cube {
    background: #9370db;
}

#impossible-cube div {
    width: 220px;
    height: 200px;
    margin-left: -110px;
    margin-top: -72px;
    background-repeat: no-repeat;
    background-image: linear-gradient(30deg, transparent 62%, #d9cdf2 62%, #d9cdf2 71.2%, transparent 71.2%), linear-gradient(30deg, transparent 35%, #d9cdf2 35%, #d9cdf2 89%, transparent 89%), linear-gradient(30deg, transparent 24.5%, #d9cdf2 24.5%, #d9cdf2 32%, transparent 32%), linear-gradient(-30deg, transparent 39%, #bea9e9 39%, #bea9e9 78%, transparent 78%), linear-gradient(30deg, transparent 28%, #f4f1fb 28%, #f4f1fb 39.5%, transparent 39.5%), linear-gradient(-30deg, transparent 62%, #bea9e9 62%, #bea9e9 71.2%, transparent 71.2%), linear-gradient(-30deg, transparent 35%, #bea9e9 35%, #bea9e9 89%, transparent 89%), linear-gradient(-30deg, transparent 24.5%, #bea9e9 24.5%, #bea9e9 32%, transparent 32%), linear-gradient(30deg, transparent 39%, #d9cdf2 39%, #d9cdf2 78%, transparent 78%), linear-gradient(-30deg, transparent 28%, #f4f1fb 28%, #f4f1fb 39.5%, transparent 39.5%), linear-gradient(30deg, transparent 41%, #d9cdf2 41%, #d9cdf2 50.5%, transparent 50.5%), linear-gradient(30deg, transparent 56%, #f4f1fb 56%, #f4f1fb 68%, transparent 68%), linear-gradient(-30deg, transparent 41%, #bea9e9 41%, #bea9e9 50.5%, transparent 50.5%), linear-gradient(-30deg, transparent 56%, #f4f1fb 56%, #f4f1fb 68%, transparent 68%), linear-gradient(150deg, transparent 10.2%, #f4f1fb 10.2%, #f4f1fb 26%, transparent 26%), linear-gradient(150deg, transparent 24%, #bea9e9 24%, #bea9e9 43%, transparent 43%), linear-gradient(-150deg, transparent 10.2%, #f4f1fb 10.2%, #f4f1fb 26%, transparent 26%), linear-gradient(-150deg, transparent 24%, #d9cdf2 24%, #d9cdf2 43%, transparent 43%);
    background-size: 50% 100%, 9% 100%, 50% 100%, 10% 100%, 50% 100%, 50% 100%, 9% 100%, 50% 100%, 10% 100%, 50% 100%, 40% 100%, 90% 93.8%, 40% 100%, 90% 93.8%, 50% 30%, 50% 30%, 50% 30%, 50% 30%;
    background-position: 0 100%, 0 100%, 0 100%, 8% 100%, 0 100%, 100% 100%, 100.2% 100%, 100% 100%, 92% 100%, 100% 100%, 80% 100%, 0 100%, 20% 100%, 100% 100%, 0 0, 0 0, 100% 0, 100% 0;
}

#impossible-cube div:before {
    width: 18%;
    height: 230px;
    left: 50%;
    margin-left: -9%;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(30deg, transparent 6%, #d9cdf2 6%), linear-gradient(-30deg, transparent 6%, #bea9e9 6%);
    background-size: 50.5% 100%;
    background-position: 0 0, 100% 0
}

#impossible-cube div:after {
    width: 220px;
    height: 70px;
    top: -60px;
    background-repeat: no-repeat;
    background-image: linear-gradient(150deg, transparent 54.6%, #f4f1fb 54.6%, #f4f1fb 69.1%, transparent 69.1%), linear-gradient(-150deg, transparent 54.6%, #f4f1fb 54.6%, #f4f1fb 69.1%, transparent 69.1%), linear-gradient(150deg, transparent 60%, #bea9e9 60%, #bea9e9 83.6%, transparent 83.6%), linear-gradient(-150deg, transparent 60%, #d9cdf2 60%, #d9cdf2 84%, transparent 84%);
    background-size: 50.1% 100%;
    background-position: 0 0, 100% 0, 0 0, 100% 0
}